关于JS的 onSubmit="return doCheck() 问题"

本帖最后由 ggrr121121 于 2011-11-28 19:57:34 编辑

解决方案 »

  1.   

    对于名字用了关键字的字段，用 elements["xxx"]的方式引用<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <link href="images/css.css" rel="stylesheet" type="text/css">
    <style>
    <!—
    .alert {color: red}
    .textinput {width:160px}
    .btn {width:80px}
    table {border: 3px double;background-color:#ffffff;}
    -->
    </style>
    <script language="javascript">
    <!--
    function doCheck(){
        if(document.add_student.sno.value==""){
            alert('请输入学号！');
            return false;
        }
        if(document.add_student.elements["name"].value==""){
            alert('请输入姓名');
            return false;
        }
        if(document.add_student.sex.value==""){
            alert('请输入性别');
            return false;
        }
        if(document.add_student.pw.value.length<2){
            alert('密码长度不能小于2');
            return false;
        }
        if(document.add_student.elements["class"].value==""){
            alert('请输入班级');
            return false;
        }
        if(document.add_student.dept.value==""){
            alert('请输入系别');
            return false;
        }
    }
    -->
    </script>
    </head>
    <body>
    <form name="add_student" method="post" action="add_student.php" align="center"  onSubmit="return doCheck();">
    <table border="0" cellpadding="8" width="350" align="center">
    <tr>
        <td>学 号: <input  align="middle" valign="middle" name="sno" type="text" id="sno" class="textinput" /></td>
    </tr>
    <tr>
        <td>姓 名：<input  align="middle" valign="middle" name="name" type="text" id="name" class="textinput" /></td>
    </tr>
    <tr>
        <td>性 别：<input align="middle" valign="middle" name="sex" type="text"  id="sex" class="textinput" /></td>
    </tr>
    <tr>
        <td>密 码：<input align="middle" valign="middle" name="pw" type="password"  id="pw" class="textinput" /></td>
    </tr>
    <tr>
        <td>班 级：<input align="middle" valign="middle" name="class" type="text"  id="class"  class="textinput" /></td>
    </tr>
    <tr>
        <td>系 别：<input align="middle" valign="middle" name="dept" type="text"  id="dept"  class="textinput" /></td>
    </tr>
    <tr><td colspan="2" align="center">    <input type="submit" class="btn" value="添加" >&nbsp;&nbsp;    <input type="reset" class="btn" value="重置">
        </td>
    </tr>
    </table>
    </form>
    </body>
    </html>