PHP開發(fā)註冊頁面之驗(yàn)證訊息
我們先看一下，我們的註冊頁面
從上圖我們看到如果用戶的用戶名，密碼和驗(yàn)證碼沒填寫就註冊，我們是不允許的，這三項(xiàng)是需要驗(yàn)證的，再有就是用戶的密碼和確認(rèn)密碼兩次輸入的不一樣，我們也是不允許的，這一項(xiàng)也是我們的驗(yàn)證範(fàn)圍，
首先我們要在我們的<form>表單加入JS事件
<form action="" method="post" name="myform" onsubmit=" return checkinput();" >
這樣如果我們使用者提交表單的話，就會(huì)觸發(fā)js事件，下面就是我們的JS 判斷了
<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>當(dāng)使用者填寫的資訊不正確時(shí)就提交，我們的JS事件觸發(fā)，並給予使用者相關(guān)的提示資訊
##驗(yàn)證完整程式碼如下
<!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>
