自动识别输入框是否为空

最新推荐文章于 2022-01-17 15:40:35 发布

ChengZiYa_

最新推荐文章于 2022-01-17 15:40:35 发布

阅读量426

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/ChengZiYa_/article/details/102771255

版权

判断id为username的输入是否为空,如果为空,则弹出你输入的不能为空
判断id为password的输入的个数是否小于6位,如果小于6位,则弹出你输入的长度不可以少于6位
在这里插入图片描述

<title></title>
    <script src="js/jquery.js"></script>
</head>
<body>
<p>
    账户名：<input type="text" id="username">
</p>
<p>
    密码：<input type="password" id="password">
</p>
<p>
    <input type="button" id="btn" value="提交">
</p>
<script>
    $(function(){
        $(":button").click(function(){
            if($("#username").val() == ""){
                alert("账户名不能为空");
            }
            if($("#password").val().length < 6){
                alert("密码长度不能少于6位");
            }

        });
    });
</script>
</body>

输入内容的就不演示了
想要尝试的可以自己尝试一下做一下