使用jquery做简单判断

Ceremony_feeling

于 2019-10-27 20:26:18 发布

阅读量837

点赞数

分类专栏：学习

本文链接：https://blog.youkuaiyun.com/Ceremony_feeling/article/details/102771016

版权

学习专栏收录该内容

10 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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位")
            }

        });