- Validation du formulaire JavaScript
- Exemple de validation JavaScript
- 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==''){ alert('Name can't be blank'); return false; }else if(password.length<6){ 6 alert('password must be at least characters long.'); return false; } name: <br> Password: <br> </6){> Testez-le maintenant 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('password must be same!'); return false; } } Password: <br> Re-enter Password: <br> Testez-le maintenant 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('numloc').innerHTML='Enter Numeric value only'; return false; }else{ return true; } } Number: <span id="numloc"></span> <br> Testez-le maintenant 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){> Testez-le maintenant Sortir:
| Entrez le nom: | |
| Entrer le mot de passe: | |
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('@'); var dotposition=x.lastIndexOf('.'); if (atposition<1 || dotposition="x.length){" alert('please enter a valid e-mail address
atpostion:'+atposition+'
dotposition:'+dotposition); return false; } email: <br> </1> Testez-le maintenant