jQuery - 简单输入验证 - "empty"和 "not empty"

Question

我有一个要验证的输入:

<input type="text" id="input" />

这是 JS:

        jQuery("#input").live('change', function() {

            if("#input:not(:empty)") {
                alert('not empty');
            }   

            else if("#input:empty") {
                alert('empty'); 
            }
        });

即使“#input”为空，也无法显示带有“空”消息的警报。所以，基本上，无论我做什么，总是只有第一个陈述是正确的，第二个陈述是错误的。

出了什么问题？

Answer 1

<强> JQuery's :empty selector 选择页面上所有空元素，即它们没有子元素，包括文本节点，而不是所有没有文本的输入。

<强> Jquery: How to check if an input element has not been filled in.

这是从上述线程中窃取的代码:

$('#apply-form input').blur(function()          //whenever you click off an input element
{                   
    if( !$(this).val() ) {                      //if it is blank. 
         alert('empty');    
    }
});

这是可行的，因为 JavaScript 中的空字符串是一个“假值”，这基本上意味着如果您尝试将其用作 bool 值，它的计算结果将始终为 false。如果需要，您可以将条件更改为 $(this).val() === '' 以提高清晰度。 :D