jquery - フォームコレクションのinput type = "text"を確認する方法が空白であるか、最小行で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

読めないようにしたい場合を除いて、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");
}
);