Question

大侠帮帮忙 php中 用js验证 表单的问题

js 可以验证表单填写是否正确，但是验证错误错误了还是提交给了 user.php 进行处理。 不知到是什么原因。

大侠们帮帮忙呀。。。。。

表单部分：
<form name=login onSubmit="return Checkuser();" action=user.php method=post>
<table class="table" cellspacing="1" cellpadding="2" width="99%" align="center"
border="0">
<tbody>
<tr>
<th class="bg_tr" align="left" height="25">用户名</th>
<th class="bg_tr" align="left" height="25"><div align="left">

</div></th>
</tr>
<tr>
<td class="td_bg" width="17%" height="23"><span class="bg_tr">原始密码</span></td>
<td width="83%" class="td_bg">
<input type="text" name="password" size="32" value=""></td>
</tr>
<tr>
<td class="td_bg" width="17%" height="23">新密码</td>
<td width="83%" class="td_bg">
<input type="text" name="newpassword" size="32" value=""></td>
</tr>
<tr>
<td class="td_bg" width="17%" height="23">确认密码</td>
<td width="83%" class="td_bg"><input name="newpassword2" type="text" value=""size="32" ></td>
</tr>
<tr>
<td class="td_bg" width="17%" height="23"> </td>
<td class="td_bg" width="83%"> <div align="center">

<input type="submit" name="submit" value="确 定">
</div></td>
</tr>
</tbody>
</table>
</form>

js部分:
<SCRIPT language=JavaScript type=text/JavaScript>
function Checkuser(){
if (document.login.username.value==''){
alert('温馨提示！用户名不能为空！');
document.login.username.focus();
return false;
}
if (document.login.password.value==''){
alert('温馨提示！请输入密码！');
document.login.userpassword.focus();
return false;
}

if (document.login.newpassword.value !== document.login.newpassword2.value){
alert('温馨提示！两次密码不一致！');
document.login.newpassword.focus();
return false;
}
if(document.login.newpassword.value.length<6 || document.login.newpassword.value.length>32){
alert("温馨提示！密码要在 6-32 个字节！而您输入了 "+document.login.userpassword.value.length+" 个字节");
document.login.newpassword.value = "";
document.login.newpassword.focus();
return false;
}
return true;
}
</SCRIPT>
如果去掉form里的onClick="return Checkuser()"放在按纽里的事件里js就不能验证了

Answer 1

<form name=login onSubmit="return Checkuser();" action=user.php method=post>
<table class="table" cellspacing="1" cellpadding="2" width="99%" align="center"
border="0">
<tbody>
<tr>
<th class="bg_tr" align="left" height="25">用户名</th>
<th class="bg_tr" align="left" height="25"><div align="left">
<input type="text" name="username" size="32" value="">
</div></th>
</tr>
<tr>
<td class="td_bg" width="17%" height="23"><span class="bg_tr">原始密码</span></td>
<td width="83%" class="td_bg">
<input type="text" name="password" size="32" value=""></td>
</tr>
<tr>
<td class="td_bg" width="17%" height="23">新密码</td>
<td width="83%" class="td_bg">
<input type="text" name="newpassword" size="32" value=""></td>
</tr>
<tr>
<td class="td_bg" width="17%" height="23">确认密码</td>
<td width="83%" class="td_bg"><input name="newpassword2" type="text" value=""size="32" ></td>
</tr>
<tr>
<td class="td_bg" width="17%" height="23"> </td>
<td class="td_bg" width="83%"> <div align="center">

<input type="submit" name="submit" value="确 定">
</div></td>
</tr>
</tbody>
</table>
</form>

<SCRIPT language=JavaScript type=text/JavaScript>
function Checkuser(){
if (document.login.username.value == ''){
alert('温馨提示！用户名不能为空！');
document.login.username.focus();
return false;
}
if (document.login.password.value == ''){
alert('温馨提示！请输入密码！');
document.login.password.focus();
return false;
}

if (document.login.newpassword.value != document.login.newpassword2.value){
alert('温馨提示！两次密码不一致！');
document.login.newpassword.focus();
return false;
}
if(document.login.newpassword.value.length<6 || document.login.newpassword.value.length>32){
alert("温馨提示！密码要在 6-32 个字节！而您输入了 "+document.login.password.value.length+" 个字节");
document.login.newpassword.value = "";
document.login.newpassword.focus();
return false;
}
return true;
}
</SCRIPT>

Answer 2

把事件的触发放在submit按钮里
把form里面的onsubmit去掉
在 <input type="submit" name="submit" value="确 定">里面就一个单击事件
onClick="return Checkuser()"

Answer 3

把form里面的onsubmit去掉
在 <input type="submit" name="submit" value="确 定">里面就一个单击事件
onClick="return Checkuser()"

Answer 4

document.login.username 没有定义，加上就ok了