Maison > interface Web > js tutoriel > Compétences de validation de formulaire Javascript-soumission form_javascript

Compétences de validation de formulaire Javascript-soumission form_javascript

WBOY
Libérer: 2016-05-16 15:10:13
original
1322 Les gens l'ont consulté

Lecture recommandée : Durée de validation du formulaire Javascript

Validation de formulaire Javascript - première introduction aux expressions régulières

Validation du formulaire Javascript - dévoilement des expressions régulières

JavaScript peut être utilisé pour valider ces données d'entrée dans les formulaires HTML avant que les données ne soient envoyées au serveur.

Les mauvaises données ne doivent pas parvenir au serveur : validation lors de la soumission d'un formulaire

Il existe un attribut de formulaire dans l'objet champ du formulaire, qui utilise un tableau pour représenter les champs de l'ensemble du formulaire

Supposons qu'il n'y ait qu'une simple zone de texte d'information, une zone de code postal et un bouton d'envoi

<form>
<input id="message" name="message" type="text" size="12" onBlur="validate_Length(1,32,this,document.getElementById('message_help'));" />
<message_help" class="help"></span>
<input id="ZipCode" name="phone" type="text" size="5" onBlur="validate_ZipCode(this,document.getElementById('ZipCode_help'));" />
<span id="ZipCode_help" class="help"></span>
<input type="button" value="Order Banner" onClick="placeOrder(this.form);"/>
</form>
<script language="javascript" type="text/javascript">
//文本长度验证
function validate_Length(minLegth,maxlength,inputFiled,helpText)
{
if(inputFiled.value.length<minLegth||inputFiled.value.length>maxlength)
{
if(helpText!=null)
{
helpText.innerHTML="请输入长度为"+minLenght+"到"+maxLength+"的文本";
return false;
}
}
else if(helpText!=null)
{
helpText.innerHTML=""
return true;
}
}
//邮政编码验证
function validate_ZipCode(inputFiled,helpText)
{
if(inputFiled.value.length!=5)
{
if(helpText!=null)
helpText.innerHTML="邮政编码长度必须为5位";
return false;
}
else if(isNaN(inputFiled.value))
{
if(helpText!=null)
helpText.innerHTML="邮政编码必须为数字";
return false;
}
else if(helpText!=null)
{
helpText.innerHTML=""
return true;
}
}
function placeOrder(form)
{
if(validateNonEmpty(1,32,form["phone"],form["phone_help"])&&validate_ZipCode(form["ZipCode"],form["ZipCode_help"]))
{
form.submit();
}
else{
alert("您填写的表单数据至少有一项不合法");
}
}
</script>
Copier après la connexion

Résumé : il vous suffit d'appeler la fonction de vérification correspondante et d'obtenir la valeur de retour, puis vous pouvez terminer le filtrage final des données lors de la soumission du formulaire

Dans les applications pratiques, il est souvent nécessaire de vérifier la longueur, les caractères non vides, illégaux, le format, la taille, etc. des données. Je ne les présenterai pas un par un ici, mais l'accent est mis sur la compréhension.

D'accord, l'éditeur vous présentera ici les connaissances pertinentes sur la vérification des formulaires Javascript et la soumission de formulaires.

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal