使用jquery做简单判断

最新推荐文章于 2022-03-08 17:32:29 发布

原创最新推荐文章于 2022-03-08 17:32:29 发布 · 860 阅读

0 ·

CC 4.0 BY-SA版权

学习专栏收录该内容

10 篇文章

订阅专栏

这篇博客介绍了如何使用jQuery进行简单的用户输入验证。点击指定按钮时，检查username输入框是否为空，若为空则提示‘你输入的不能为空’；同时检查password输入框的字符长度，若少于6位则提示‘你输入的长度不可以少于6位’。

使用jquery做简单判断

要求: 点击id为btn的按钮,
1.判断id为username的输入是否为空,如果为空,则弹出你输入的不能为空.
2.判断id为password的输入的个数是否小于6位,如果小于6位,则弹出你输入的长度不可以少于6位
代码：

<div id="div09">
<p><input id="userName" type="text"></p>
<p><input id="password" type="password"></p>
<p><button type="button" id="btn">提交</button></p>
</div>
  $("#btn").on('click',function(){
           var name = $('[type=text]').val();
            var pwd = $('[type=password]').val();
            if(name.length==0){
                alert("你输入的不能为空")
            }
            if(pwd.length<6){
                alert("你输入的长度不可以少于6位")
            }

        });