Heim  >  Artikel  >  Web-Frontend  >  Beispiele zur Erläuterung, wie mithilfe von js_javascript-Kenntnissen überprüft werden kann, ob ein Formularelement leer ist

Beispiele zur Erläuterung, wie mithilfe von js_javascript-Kenntnissen überprüft werden kann, ob ein Formularelement leer ist

WBOY
WBOYOriginal
2016-05-16 15:20:491276Durchsuche

Die Formularüberprüfung ist für fast jede Website, die eine Registrierung oder Anmeldung erfordert, unerlässlich. Einige Überprüfungen sind für Sie sehr kompliziert. In diesem Kapitel wird jedoch nur die einfachste Formularüberprüfungsmethode vorgestellt es ist leer. Einige Websites mit geringeren Anforderungen haben diesen Bedarf bereits erfüllt.
Der Code lautet wie folgt:

<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>

Das Obige ist der detaillierte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn