PHP開發(fā)注冊頁面之驗證信息
我們先看一下，我們的注冊頁面
從上圖我們看到如果用戶的用戶名，密碼和驗證碼沒填寫就注冊，我們是不允許的，這三項是需要驗證的，再有就是用戶的密碼和確認密碼兩次輸入的不一樣，我們也是不允許的，這一項也是我們的驗證范圍，
首先我們要在我們的<form>表單加入JS事件
<form action="" method="post" name="myform" onsubmit=" return checkinput();" >
這樣如果我們用戶提交表單的話，就會觸發(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("請輸入驗證碼");
myform.yzm.focus();
return false;
}
}
</script>當(dāng)用戶填寫的信息不正確時就提交，我們的JS事件觸發(fā)，并給用戶相關(guā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("請輸入驗證碼");
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>
