表单验证之账号密码验证篇,后续追加

来源:互联网 发布:化妆品 知乎 编辑:程序博客网 时间:2024/06/08 05:33
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title></head><body><form action=""><input type="text" name="name"><br><input type="password" name="pwd"><br><input type="submit" value="提交"><input type="reset" value="重置"></form></body><script>var form = document.getElementsByTagName("form")[0];            form.onsubmit = function(){                var name = document.getElementsByName("name")[0].value;                var pwd = document.getElementsByName("pwd")[0].value;                if(name == ""||pwd <= pwd.length){            if(name == ""){                alert("账号不能为空")            }else if(pwd.length <= 6){                alert("密码长度不够")            }            return false;        }    };    form.onreset = function(){        var name = document.getElementsByName("name")[0].value;        var pwd = document.getElementsByName("pwd")[0].value;        form.onreset = function(){            if(name != "" && pwd.length <= 6){                return false;        }    }</script></html>
原创粉丝点击