recherche

Maison >interface Web >js tutoriel >Exemples pour expliquer comment vérifier si un élément de formulaire est vide à l'aide des compétences js_javascript

Exemples pour expliquer comment vérifier si un élément de formulaire est vide à l'aide des compétences js_javascript

WBOY
WBOYoriginal
2016-05-16 15:20:491318parcourir

La vérification du formulaire est essentielle pour presque tous les sites Web qui nécessitent une inscription ou une connexion. Certaines vérifications sont très compliquées et peuvent être considérées comme diverses exigences pour vous. Cependant, ce chapitre ne présente que le formulaire le plus simple. La méthode de vérification consiste à déterminer si. il est vide. Certains sites Web avec des exigences moindres ont déjà répondu à ce besoin.
Le code est le suivant :

<html> 
<head> 
<meta charset="gb2312"> 
<title>js简单表单验证</title> 
<script type="text/javascript">
window.onload=function()
{
 var bt=document.getElementById("bt");
 bt.onclick=function()
 {
  if(document.myform.name.value=="")
  {
   alert("用户名不能为空!");
   document.myform.name.focus();
   return false;
  } 
  else if(document.myform.pw.value=="")
  {
   alert("密码不能为空!");
   document.myform.pw.focus();
   return false; 
  }
 }
}
</script>
</head>
<body>
<form action="index.php" method="get" name="myform">
<ul>
 <li>姓名:<input type="text" name="name" id="name" /></li>
 <li>密码:<input type="text" name="pw" id="age" /></li>
 <li><input type="submit" id="bt"/></li>
</ul>   
</form>
</body>
</html>

Ce qui précède est le contenu détaillé de cet article, j'espère qu'il sera utile à l'étude de chacun.

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：Comment utiliser AJAX pour obtenir de manière asynchrone les avatars des utilisateurs de commentaires dans les compétences WordPress_javascriptArticle suivant：Comment utiliser AJAX pour obtenir de manière asynchrone les avatars des utilisateurs de commentaires dans les compétences WordPress_javascript

Articles Liés

Voir plus