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

Compétences de validation de formulaire Javascript-soumission form_javascript

WBOY
WBOYoriginal
2016-05-16 15:10:131286parcourir

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>

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.

Déclaration:
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