jquery如何选择选择为空的input标签

Question

有两个input标签，想实现 按下某个按钮后，光标跳转到未输入值的input上
<input type="password" placeholder="输入密码" id="psd"/>

<input type="password" placeholder="再次输入密码" id="psdagain"/>

使用 $("input:empty") 和 $("input[value='']") 似乎都不可以，求大神指教

Answer 1

思路：遍历所有input对象，判断其value是否为空。关键代码：

$("input:text").each(function() {

    if($.trim($(this).val()) == "") { // to do ...}

});

其中，$.trim()函数用以删除字符串左右的空格。

下面进行一个实例演示：

点击提交按钮后，为空的input添加样式（class = empty_input），并将光标定位到第一个空的input。

1、HTML结构

<input type="text"/>

<input type="text"/>

<input type="text"/>

<input type="button" value="提交">

2、jquery代码

$(function(){

    $(":button").click(function() {

        $("input:text").removeClass('empty_input');  // 先去除empty_input样式

        $("input:text").each(function() {

            if($.trim($(this).val()) == "") // 判断value值是否为空

                $(this).addClass('empty_input');

        });

        $(".empty_input:first").focus(); // :first选择器表示第一个匹配的元素

    });

});

3、效果演示

Answer 2

你好好用each循环，把值为空的找出来就可以了。
$.each($('input'),function(){ if(!$(this).val()){$(this).focus();return false;}});
大概思路是这亲，希望对你有帮助、

Answer 3

获取所有input标签，循环取值判断是否为空