Validation de formulaire simple implémentée dans les compétences javascript

Validation de formulaire simple implémentée dans les compétences javascript_javascript

WBOY

Libérer： 2016-05-16 15:50:47

original

1008 Les gens l'ont consulté

La vérification des formulaires est presque indispensable. Certaines vérifications de formulaires sont effectuées en arrière-plan, et certaines utilisent JavaScript pour effectuer la vérification de base sur le front-end, ce qui peut réduire efficacement la pression sur le serveur. Voici une introduction à l'implémentation JS. validation du formulaire le plus simple. L'exemple de code est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>脚本之家</title>
<script type="text/javascript"> 
function chkform(){ 
 if(document.getElementById("username").value==""){ 
  alert("用户名不能为空！"); 
  return false; 
 } 
 if(document.getElementById("pw").value=="") { 
  alert("密码不能为空！"); 
  return false; 
 } 
} 
</script> 
</head> 
<body> 
<form action="" name="myform"> 
 <table> 
  <tr> 
   <td>用户名:</td> 
   <td><input type="text" name="username" id="username" /></td> 
  </tr> 
  <tr> 
   <td>密码:</td> 
   <td><input type="password" name="pw" id="pw" /></td> 
  </tr> 
  <tr> 
   <td colspan="2"><input type="submit" value="提交"></td> 
  </tr> 
 </table> 
</form> 
</body> 
</html>

Copier après la connexion

Le code ci-dessus implémente la vérification de formulaire la plus élémentaire, c'est-à-dire que le contenu du formulaire ne doit pas être vide. Voici une brève introduction à son processus d'implémentation :

1. Dans le code JavaScript, créez la fonction chkform() pour vérifier le formulaire. Voici une brève introduction à la fonction :

document.getElementById("username").value

Copier après la connexion

Le code ci-dessus peut obtenir la valeur de l'objet avec l'identifiant nom d'utilisateur, puis utiliser l'instruction if pour déterminer si la valeur est vide, renvoyez false. Cette instruction est très importante, sinon le formulaire le sera. soumis même si le contenu du formulaire est vide, l'effet de vérification ne sera pas obtenu. Il en va de même pour la deuxième déclaration de jugement if, qui ne sera pas introduite ici.

2.onclick="return chkform()", la fonction de cette instruction est que lorsque l'on clique sur le bouton de soumission, la fonction chkform() sera exécutée pour vérifier le formulaire. Il est particulièrement souligné ici que ce n'est pas le cas. oubliez d'ajouter le retour.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.