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("请输入验证码");
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中文网</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("请输入验证码");
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>确认密码: <input type="password" name="pwdconfirm" id="pwdconfirm"></p>
<p>验 证 码：<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>