Maklumat pengesahan untuk halaman pendaftaran pembangunan PHP
Mari kita lihat dahulu, halaman pendaftaran kami
Daripada gambar di atas kita dapat melihat bahawa jika nama pengguna, kata laluan dan kod pengesahan pengguna tidak diisi dalam, pengguna akan didaftarkan , kami tidak membenarkannya, ketiga-tiga item ini perlu disahkan, dan kata laluan pengguna dan kata laluan pengesahan dimasukkan dua kali berbeza, yang kami juga tidak benarkan, item ini juga pengesahan kami. skop,
Mula-mula kita perlu menambahkan acara JS pada <borang> borang kami
<form action="" method="post" name="myform" onsubmit=" return checkinput();" >
Supaya jika pengguna kami menyerahkan borang, acara js akan dicetuskan pertimbangan JS kami
<script type="text/javascript"> function checkinput() { if(myform.name.value=="") { alert("請輸入用戶名"); myform.name.focus(); return false; } if (myform.pwd.value=="") { alert("請輸入密碼"); myform.pwd.focus(); return false; } if(myform.pwd.value != myform.pwdconfirm.value){ alert("你輸入的兩次密碼不一致,請重新輸入!"); myform.pwd.focus(); return false; } if (myform.yzm.value=="") { alert("請輸入驗(yàn)證碼"); myform.yzm.focus(); return false; } } </script>
Serahkan apabila maklumat yang diisi oleh pengguna tidak betul, acara JS kami dicetuskan dan maklumat segera yang berkaitan diberikan kepada pengguna
Kod lengkap untuk pengesahan adalah seperti berikut
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)</title> <script type="text/javascript"> function checkinput() { if(myform.name.value=="") { alert("請輸入用戶名"); myform.name.focus(); return false; } if (myform.pwd.value=="") { alert("請輸入密碼"); myform.pwd.focus(); return false; } if(myform.pwd.value != myform.pwdconfirm.value){ alert("你輸入的兩次密碼不一致,請重新輸入!"); myform.pwd.focus(); return false; } if (myform.yzm.value=="") { alert("請輸入驗(yàn)證碼"); myform.yzm.focus(); return false; } } </script> </head> <body> <form action="" method="post" name="myform" onsubmit=" return checkinput();" > <div class="container"> <div class="right"> <h2>用戶注冊</h2> <p>用 戶 名:<input type="text" name="name" id="name"></p> <p>密 碼: <input type="password" name="pwd" id="pwd"></p> <p>確認(rèn)密碼: <input type="password" name="pwdconfirm" id="pwdconfirm"></p> <p>驗(yàn) 證 碼:<input type="text" name="yzm" id="yzm"> <img src="yanzhengma.php" onClick="this.src='yanzhengma.php?nocache='+Math.random()" style="cursor:hand"></p> <p><button type="submit" value="注冊" >立即注冊</button></p> </div> </div> </form> </body> </html>