jquery - 如何检查formcollection中的输入类型=“文本”是否为空白或通过jquery在最小行中填充

Question

我有表单集合和 5 个输入类型 =“文本”，具有不同的 ID 和 1 个提交按钮，例如

<form id="frmSubmitSupplier" method="post">
 <input type="text" id="txtCompanyName" name="companyname" />     
<input type="text" id="txtFirstName" name="firstname" />   
 <input type="text" id="txtLastName" name="lastname" />
<input type="text" id="txtAdd1" name="address1" />
 <input type="text" id="txtCity" name="city" />
<input id="btnSupplierSave" type="submit" value="Save"/>
</form>

在 jquery 代码中，我想为所有空白文本框设置 if 条件，例如

$('#frmSubmitSupplier').live('submit', function (e) {
  i want to check here that if all textboxes are empty then any alert but in only single line.. how to check
});

Answer 1

除非您希望它不可读，否则您不能在一行中执行此操作。您必须遍历所有输入并检查它们的值。

CSS：

.error {
    border: 1px solid red;
}

JS：

$('#frmSubmitSupplier').live('submit', function (e) {
    var error = false;
    $(this).find('input[type="text"]').each(function(i, v) {
        if($(v).val() == "") {
            $(v).addClass('error');
            error = true;
        }
    });
    if(error) {
        e.preventDefault();
        //or you can alert('There are unfilled fields!');
    }
});

Answer 2

在提交时尝试以下操作

flag = true;

    $("input[type=text]").each(){
      if($(this).val() == ""){
        flag = false;
      }
    }

    if(flag == false){
    alert('Text box is emtpy');
    }

Answer 3

你可以这样使用

$("input [type='text']").each(function(){
if ($(this.id).val() == '' || $(this.id).val()==null)
alert("Please fill the empty field");
}
);