欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

from表单提交之前数据判空

程序员文章站 2022-07-01 20:55:51
在input标签中写onclick事件,不管返回是真是假都会继续提交表单。 使用onsubmit事件 ......

在input标签中写onclick事件,不管返回是真是假都会继续提交表单。

使用onsubmit事件

   <form action="login.html" method='post' onsubmit="return check();">
          姓名:<input type='text' name='name' id='name' size='12' maxlenght='6' value=''></input>
          <br/>
          密码:<input type='password' name='password' id='password' size='12' maxlength='10' value=''></input>
          <br/>
          男<input type='radio' name='sex' value='男' checked></input>女<input type=radio name='sex' value='女'></input>
          <br/>
    <input type='submit' value='登陆'></input>
    <input type='reset' value='重置' ></input>
    </form>
    <script type="text/javascript">
        function check() {
            var name = document.getelementbyid("name").value;
            if(name == '') {
                alert("姓名不能为空!");
                return false;
            }
            var password = document.getelementbyid("password").value;
            if(password == '') {
                alert("密码不能为空!");
                return false;
            } else if (password.length() < 6 || password.length() > 10) {
                alert("密码长度在6到10位之间!");
                return false;
            }
            /* var sex = document.getelementsbyname("sex");
            if(!sex[0].checked && !sex[1].checked) {
                alert("性别项不能为空!");
                return false;
            } */
            return true;
        }
    </script>