表格验证难度

时间:2013-04-14 04:04:27

标签: html jsp

我在此JSP PAGE中应用了验证。如果我将用户名/密码留空,我将被提示输入那些字段,但问题是我在验证提示下按OK后,页面转到2_control.jsp.I想要转到下一页,如果验证的事情是好的,不是其他的。不管怎么说。我应该做什么改变?

这是我的代码:

<html>
<head>
<script>
function validLogin(){
if (document.form.userName.value == ""){
alert ( "Please enter Login Name." );
document.loginform.userName.focus();
return false;
}
if (document.form.password.value == ""){
alert ( "Please enter password." );
document.userform.password.focus();
return false;
}
alert ( "Welcome User" );
return true;
}
</script>
</head>
<body>
<form name="form" method="post" action="2_control.jsp" onsubmit="return validLogin();">
<table width="250px" border=0 style="background-color:ffeeff;">
<tr><td colspan=2 align="center" style="font-weight:bold;font-size:20pt;" align="center">User Login</td>
</tr>
<tr><td colspan=2>&nbsp;</td>
</tr>
<tr><td style="font-size:12pt;" align="center">Login Name:</td>
<td><input type="text" name="userName" value=""></td>
</tr>
<tr><td style="font-size:12pt;" align="center">Password:</td>
<td><input type="password" name="password" value=""></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="Submit" value="Login"></td>
</tr>
</table>
</form>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

document.userform.password.focus();更改为document.form.userName.focus();

当您专注于文本框时,仅更改表单名称.. userform是错误的,因此您的验证不起作用..

答案 1 :(得分:0)

    <script>
        function validLogin(){
            if (document.form.userName.value == ""){
                alert ( "Please enter Login Name." );
                document.form.userName.focus();
                return false;
            }
            else if (document.form.password.value == ""){
                alert ( "Please enter password." );
                document.form.password.focus();
                return false;
            }
        }
    </script>

替换此脚本标记... 你在写表格名时犯了小错误。