1. Validation du formulaire JavaScript
2. Exemple de validation JavaScript
3. Validation des e-mails JavaScript

Il est important de valider le formulaire soumis par l'utilisateur car il peut contenir des valeurs inappropriées. La validation est donc indispensable pour authentifier l’utilisateur.

JavaScript permet de valider le formulaire côté client afin que le traitement des données soit plus rapide que la validation côté serveur. La plupart des développeurs Web préfèrent la validation de formulaire JavaScript.

objet de tableau en Java

Grâce à JavaScript, nous pouvons valider le nom, le mot de passe, l'e-mail, la date, les numéros de mobile et d'autres champs.

Exemple de validation de formulaire JavaScript

Dans cet exemple, nous allons valider le nom et le mot de passe. Le nom ne peut pas être vide et le mot de passe ne peut pas contenir moins de 6 caractères.

Ici, nous validons le formulaire lors de la soumission du formulaire. L'utilisateur ne sera pas redirigé vers la page suivante tant que les valeurs données ne seront pas correctes.

 function validateform(){ var name=document.myform.name.value; var password=document.myform.password.value; if (name==null || name==&apos;&apos;){ alert(&apos;Name can&apos;t be blank&apos;); return false; }else if(password.length<6){ 6 alert('password must be at least characters long.'); return false; } name: <br> Password: <br> </6){>

Validation du mot de passe de retape JavaScript

 function matchpass(){ var firstpassword=document.f1.password.value; var secondpassword=document.f1.password2.value; if(firstpassword==secondpassword){ return true; } else{ alert(&apos;password must be same!&apos;); return false; } } Password: <br> Re-enter Password: <br> 

Validation des numéros JavaScript

Validons le champ de texte pour la valeur numérique uniquement. Ici, nous utilisons la fonction isNaN().

 function validate(){ var num=document.myform.num.value; if (isNaN(num)){ document.getElementById(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; return false; }else{ return true; } } Number: <span id="numloc"></span> <br> 

Validation JavaScript avec image

Voyons un exemple de validation de formulaire JavaScript interactif qui affiche une image correcte et incorrecte si l'entrée est correcte ou incorrecte.

 function validate(){ var name=document.f1.name.value; var password=document.f1.password.value; var status=false; if(name.length<1){ document.getelementbyid('nameloc').innerhtml="  Please enter your name" ; status="false;" }else{ } if(password.length<6){ document.getelementbyid('passwordloc').innerhtml="  Password must be at least 6 char long" return status; <table class="table"> <tr><td>Enter Name:</td><td> <span id="nameloc"></span></td></tr> <tr><td>Enter Password:</td><td> <span id="passwordloc"></span></td></tr> <tr><td></td></tr>  </1){>

Sortir:

Validation des e-mails JavaScript

Nous pouvons valider l'e-mail à l'aide de JavaScript.

nouvelle ligne en python

De nombreux critères doivent être suivis pour valider l'identifiant de messagerie, tels que :

• L'identifiant de messagerie doit contenir le @ et le . personnage
• Il doit y avoir au moins un caractère avant et après le @.
• Il doit y avoir au moins deux caractères après . (point).

Voyons l'exemple simple pour valider le champ email.

 function validateemail() { var x=document.myform.email.value; var atposition=x.indexOf(&apos;@&apos;); var dotposition=x.lastIndexOf(&apos;.&apos;); if (atposition<1 || dotposition="x.length){" alert('please enter a valid e-mail address 
 atpostion:'+atposition+'
 dotposition:'+dotposition); return false; } email: <br> </1>