或 jquery 的运算符无法按我的预期工作..？

Question

$('input[TYPE="SUBMIT"]').click(function(){
    if ($('input[TYPE="TEXT"').val().length===0 || $('textarea').val().length===0)
    {
        console.log($('input[TYPE="TEXT"').val().length);
        console.log($('textarea').val().length);
        return false;
    }
});

chrome 突出显示了我的 if 语句。我真的不明白这里有什么问题。我想我可以向这两个字段添加一个类，但我的布局实际上并不需要它。我是否以某种方式写错了？

Answer 1

我立即注意到

$('input[TYPE="TEXT"')

应该是

$('input[TYPE="TEXT"]')

注意但是，进行这样的选择只会检查它找到的第一个文本框/文本区域的长度，而不是每个文本框/文本区域的长度。

在这种情况下，您需要的是这样的：

$("input[type='submit']").click(function()
{
    var ok = true;
    $("input[type='text'], textarea").each(function() {
        ok &= ok && $(this).val().length > 0;
    });
    alert(ok ? 'All OK' : 'Not OK :(');
});

更好的是为提交按钮提供适当的 ID，为输入元素提供一些其他属性，这样您就不会意外地在验证中包含其他控件。

<input type="text" validate="true" />

$("*[validate='true']").each(function() {
    ok &= ok && $(this).val().length > 0;
});

Answer 2

($('input[TYPE=TEXT]').val().length == 0 || $('textarea').val().length == 0)

Answer 3

看起来您的 'input[TYPE="TEXT"' 在很多地方都缺少 ]，这可能是问题所在吗？

Answer 4

$('input[TYPE="TEXT"/*]*/')

你忘记了 ]

我建议你使用 :text 伪选择器;)

$("input:text");

:文本