cari

Rumah  >  Artikel  >  hujung hadapan web  >  Pengesahan bentuk mudah dilaksanakan dalam kemahiran javascript_javascript

Pengesahan bentuk mudah dilaksanakan dalam kemahiran javascript_javascript

WBOY
WBOYasal
2016-05-16 15:50:47996semak imbas

Pengesahan borang hampir tidak dapat diketepikan di latar belakang, dan sesetengahnya menggunakan JavaScript untuk melengkapkan pengesahan asas di bahagian hadapan Ini dengan berkesan dapat mengurangkan tekanan pada pelayan pengesahan bentuk termudah. Contoh kod adalah seperti berikut:

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

Kod di atas melaksanakan pengesahan borang yang paling asas, iaitu kandungan borang tidak dibenarkan kosong Berikut adalah pengenalan ringkas kepada proses pelaksanaannya:

1. Dalam kod JavaScript, cipta fungsi chkform() untuk mengesahkan borang Berikut ialah pengenalan ringkas kepada fungsi: 

document.getElementById("username").value

Kod di atas boleh mendapatkan nilai objek dengan nama pengguna id, dan kemudian gunakan pernyataan if untuk menentukan sama ada nilai itu kosong Jika kosong, kembalikan pernyataan ini adalah sangat penting diserahkan walaupun kandungan borang kosong , kesan pengesahan tidak akan dicapai Perkara yang sama berlaku untuk pernyataan penghakiman kedua, yang tidak akan diperkenalkan di sini.

2.onclick="return chkform()", fungsi penyataan ini ialah apabila butang serah diklik, fungsi chkform() akan dilaksanakan untuk mengesahkan borang Di sini sangat ditekankan bahawa tidak lupa tambah pulangan.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

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
Artikel sebelumnya：Kaedah jQuery untuk merealisasikan lapisan kecerunan pop timbul pada click_jquery tetikusArtikel seterusnya：Kaedah jQuery untuk merealisasikan lapisan kecerunan pop timbul pada click_jquery tetikus

Artikel berkaitan

Lihat lagi