javascript - 检查输入值是否为空

Question

我正在尝试创建一个允许用户生成 CSS 代码的工具。目前我正在处理输入 - 当用户将文本输入留空时，我希望显示一条消息。我目前拥有的代码似乎不起作用，有什么想法吗？

$("#btn-css").click(function() {
    if( $('input').attr(value) = "" ) {
      $('#output').append('All boxes must be completed');
    } else {
      $('.preview').attr('style', 'box-shadow: ' + $("#h-value").val() + 'px ' + $("#v-value").val() + 'px ' + $("#blur").val() + 'px ' + $("#spread").val() + 'px #' + $("#colour").val() + ';');
      $('#output').append('box-shadow: ' + $("#h-value").val() + 'px ' + $("#v-value").val() + 'px ' + $("#blur").val() + 'px ' + $("#spread").val() + 'px #' + $("#colour").val() + ';');
    }
    });

Answer 1

这样它会选择页面上的所有文本输入，然后将它们过滤为空文本。

$("#btn-css").click(function() {
    var emptyInputs = $('input:text').filter(function() { return this.value == ""; });
    if (emptyInputs.length === 0) {
        // Everything filled in

    } else {
        $('#output').append('All boxes must be completed');
    }

});

您可能还想做:

var emptyInputs = $('input:text').filter(function() { return $.trim(this.value) == ""; });

这也将拾取仅包含空格的文本输入。