Maison > Article > interface Web > Compétences de validation de formulaire Javascript-soumission form_javascript
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.