如何在javascript中检查我的任何文本框是否为空

可能重复：
使用jQuery检查输入是否为空

我有表单和文本框，一旦单击表单按钮，如何使用javascript if else语句确定这些文本框中的任何一个是否为空。

function checking() { var textBox = $('input:text').value; if (textBox == "") { $("#error").show('slow'); } } 

提前致谢！

Answer 1

通过使用jQuery选择器来选择元素，你有一个jQuery对象，你应该使用val()方法来获取/设置输入元素的值。

另请注意:text 不推荐使用 :text选择器，最好修剪文本以删除空格字符。 你可以使用$.trim实用程序function。

 function checking() { var textBox = $.trim( $('input[type=text]').val() ) if (textBox == "") { $("#error").show('slow'); } } 

如果要使用value属性，首先应将jQuery对象转换为原始DOM对象。 您可以使用[index]或get方法。

  var textBox = $('input[type=text]')[0].value; 

如果你有多个输入，你应该循环它们。

 function checking() { var empty = 0; $('input[type=text]').each(function(){ if (this.value == "") { empty++; $("#error").show('slow'); } }) alert(empty + ' empty input(s)') } 

Answer 2

你不能使用value与jquery对象使用val()函数，但这将只检查选择器返回的第一个文本框。

现场演示

 function checking() { var textBox = $('input:text').val(); if (textBox == "") { $("#error").show('slow'); } } 

您可以附加blur事件，并在losing focus from each textbox.执行此validationlosing focus from each textbox.

现场演示

 $('input:text').blur(function() { var textBox = $('input:text').val(); if (textBox == "") { $("#error").show('slow'); } }); 

根据与OP的讨论，对submit button单击进行validation

现场演示

 $('#btnSubmit').click(function() { $("#error").hide(); $('input:text').each(function(){ if( $(this).val().length == 0) $("#error").show('slow'); }); }); 

Answer 3

试试这段代码：

 var textBox = $('input:text').val(); if (textBox==""){ $("#error").show('slow'); }