Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 15:50:47
original
1001 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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal