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

使用.val() .. val()与你提到的完全一样......

if( $('input').val() == "" ) {

检查所有输入..

var inputVallength=$('input').filter(function(){
       return this.value==""
   }).length;

if(inputVallength == 0 || inputVallength < $('input').length){
 $('#output').append('All boxes must be completed');  
}

Answer 2

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

$("#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) == ""; });

这也将只用空格提取文本输入。

Answer 3

$('input').attr(value)

这将选择整个页面上的所有输入元素。

而且@Mike Christensen说，你需要至少2个等号。

Answer 4

只做

$(':input').each(function(){
    if(!$(this).val()){
        //logic
    }
});

a Quick fiddle

检查输入值是否为空

4 个答案: