Pengesahan bentuk mudah dilaksanakan dalam kemahiran javascript

Pengesahan bentuk mudah dilaksanakan dalam kemahiran javascript_javascript

WBOY

Lepaskan： 2016-05-16 15:50:47

asal

972 orang telah melayarinya

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>

Salin selepas log masuk

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

Salin selepas log masuk

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.