Rumah  >  Artikel  >  hujung hadapan web  >  Contoh untuk menerangkan cara mengesahkan sama ada item borang kosong menggunakan kemahiran js_javascript

Contoh untuk menerangkan cara mengesahkan sama ada item borang kosong menggunakan kemahiran js_javascript

WBOY
WBOYasal
2016-05-16 15:20:491277semak imbas

Pengesahan borang adalah penting untuk hampir setiap laman web yang memerlukan pendaftaran atau log masuk Beberapa pengesahan adalah sangat rumit dan boleh dikatakan sebagai pelbagai keperluan untuk anda ia kosong. Beberapa tapak web dengan keperluan yang lebih rendah telah memenuhi keperluan ini.
Kodnya adalah seperti berikut:

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

Di atas adalah kandungan terperinci artikel ini, saya harap ia akan membantu kajian semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn