Проверка наличия входных значений

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

$('input').attr(value) 

Это выбирает все входные элементы на всей странице.

А также, что @Mike Christensen сказал, вам нужно как минимум 2 равных знака.

Answer 2

использование .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 3

Просто сделать

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

a Quick fiddle

Answer 4

Как насчет этого, он будет выбирать все текстовые входы на странице, а затем фильтровать их, чтобы они были пустыми.

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

Это также подобрать текстовые входы только с пробелами.