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

最新推荐文章于 2022-09-24 00:59:12 发布

tztz1yzyz2

最新推荐文章于 2022-09-24 00:59:12 发布

阅读量527

点赞数

分类专栏： java 表单选择器伪类选择器 css 循环 window对象 js 文章标签：表单验证账号验证密码验证是否包含数据验证

本文链接：https://blog.csdn.net/tztz1yzyz2/article/details/78389344

版权

js 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

css

5 篇文章 0 订阅

订阅专栏

java

4 篇文章 0 订阅

订阅专栏

<!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>