首页 >web前端 >js教程 > 正文

jquery怎么判断input是否为空

原创2020-11-30 16:03:580934

jquery判断input是否为空的方法:首先创建isempty函数;然后在函数内通过id获取input对象;接着使用val方法获取input的内容;最后使用if语句,利用length属性进行判断即可。

本教程操作环境:windows10系统、jquery2.2.4版,该方法适用于所有品牌电脑。

(学习视频分享:jquery视频教程

方法如下:

新建一个html文件,命名为test.html。

6e61c94cba8bb908b84c0c2b12c534c.png

在test.html文件内,使用input标签创建一个输入框,用于内容的输入。

c68fa28bc0e077afd4c6c8eb0919642.png

在test.html文件内,给input标签添加一个id属性myinput,用于下面获得input对象。

b7dff9dea16c7236c06645c0283544f.png

在test.html文件内,创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行isempty()函数。

593047ef4a5f6e95ae8a4731a54a909.png

在js标签内,创建isempty()函数,在函数内,通过id获得input对象,使用val()方法获得input的内容,再使用if语句,利用length属性判断input的内容长度,如果内容长度不大于0,则input内容为空。

cb3774b545836110d2bbc289075bdf7.png

在浏览器打开test.html文件,点击按钮,查看实现的效果。

662d1631b36ba63af03f565481d953f.png

更多编程相关知识,请访问:编程学习!!

以上就是jquery怎么判断input是否为空的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:jquery input
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • 韩顺平Jquery视频教程韩顺平Jquery视频教程
  • jQuery入门基础视频教程jQuery入门基础视频教程
  • jQuery UI框架入门视频教程jQuery UI框架入门视频教程
  • jQuery  Mobile框架基础视频教程jQuery Mobile框架基础视频教程
  • 视频教程分类