Maison > Article > interface Web > Validation de formulaire simple implémentée dans les compétences javascript_javascript

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

WBOYoriginal: 2016-05-16 15:50:47965parcourir

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>

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

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.

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

Article précédent：Méthode jQuery pour réaliser une couche de dégradé contextuelle sur le clic de la souris_jqueryArticle suivant：Méthode jQuery pour réaliser une couche de dégradé contextuelle sur le clic de la souris_jquery

Articles Liés

Voir plus