Rumah > hujung hadapan web > tutorial js > jquery怎么判断input是否为空

jquery怎么判断input是否为空

王林
Lepaskan: 2020-11-30 16:03:58
asal
5336 orang telah melayarinya

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

jquery怎么判断input是否为空

本教程操作环境: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

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

Atas ialah kandungan terperinci jquery怎么判断input是否为空. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan