好久不接触js了，写了个表单验证，错了，但不知道原因，奇葩！

直接上代码<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="js/tools.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>新增管理员</title>
</head>
<body><?php
    $name = $_POST["fname"];
if(empty($name)==false)
{
      echo $name;
} echo "hello";
?>
<h3 align="center">新增管理员
</h3>
<div align="center">
<form action="" method="post" onsubmit="return onAddUser();" >
<table>
<tr>
<td>用户名:</td>
<td><input type="text" name="fname" /></td>
</tr>
<tr>
<td>密码:</td> <td><input type="text" name="lname" /></td>
</tr>
<tr>
<td>确认密码:</td> <td><input type="text" name="lname1" /></td>
</tr>
<tr>
<td>
<input type="submit" value="提交" />
</td>
<td>
<input type="reset" value="重置" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
js:
function isRegisterUserOrPass(s) {
var patrn = "/^[a-zA-Z0-9]{1}([a-zA-Z0-9]){4,19}$/";
if (!patrn.exec(s))
return false;
return true;
}function onAddUser() {
var name = document.getElementsByName("fname");
var pass = document.getElementsByName("lname");
var pass1 = document.getElementsByName("lname1");
// alert(name);
var flag = isRegisterUserOrPass(name); if (flag == false) {
alert("请输入正确的用户名，5到20位英文字母或数字，并以字母开头");
return false;
} flag = isRegisterUserOrPass(pass);
if (flag == false) {
alert("请输入正确的用户名，5到20位英文字母或数字，并以字母开头");
return false;
} if (pass != pass1) {
alert("请输入正确的用户名，5到20位英文字母或数字，并以字母开头");
return false;
} return true;}
请大神指点，很捉急啊

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <script src="js/tools.js" type="text/javascript"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=GB18030">
    <title>新增管理员</title>
    </head>
    <body>
    <script>
    function isRegisterUserOrPass(s) {
        var patrn = /^[a-zA-Z0-9]{1}([a-zA-Z0-9]){4,19}$/;
        return patrn.exec(s);
    }
     
    function onAddUser(f) {
        var name = f.fname.value  ;
        var pass = f.lname.value  ;
        var pass1 = f.lname1.value  ;
        var flag = isRegisterUserOrPass(name);
        if (flag == false) {
            alert("请输入正确的用户名，5到20位英文字母或数字，并以字母开头");
            return false;
        }
     
        flag = isRegisterUserOrPass(pass);
        if (flag == false) {
            alert("请输入正确的用户名，5到20位英文字母或数字，并以字母开头");
            return false;
        }
     
        if (pass != pass1) {
            alert("请输入正确的用户名，5到20位英文字母或数字，并以字母开头");
            return false;
        }
        return true;
    }

    </script>
     
     
    <h3 align="center">新增管理员
    </h3>
    <div align="center">
    <form action="" method="post" onsubmit="return onAddUser(this);" >
    <table>
        <tr>
            <td>用户名:</td>
            <td><input type="text" name="fname" /></td>
        </tr>
        <tr>
        <td>密码:</td>
     
        <td><input type="text" name="lname" /></td>
        </tr>
        <tr>
        <td>确认密码:</td>
     
        <td><input type="text" name="lname1" /></td>
        </tr>
        <tr>
        <td>
            <input type="submit" value="提交" />
        </td>
        <td>
            <input type="reset" value="重置" />
        </td>
        </tr>
    </table>
    </form>
    </div>
    </body>
    </html>