javascript - すべての空のフィールドをチェックしてから関数を実行するJqueryループフォーム

Question

フォームをループして空のフィールドをチェックし、実行して機能させようとしています。私は現在、このWebサイトで見つけた以下のようなものを使用していますが、各ループが1つのフィールドをチェックし、1つのフィールドが空ではなく、else関数を実行していることを確認してください。一度にすべてチェックしてから、次の関数を実行する必要があると思います。どうすればこれを達成できますか？

if($('.enter-info--ownerInfo .req').val() != "") {
   alert("Empty Fields!!")
    } else {
    run this function
    }  

ありがとう...

Answer 1

$('.enter-info--ownerInfo .req').each(function() {

  if ($(this).val() == "")
  {
     alert("empty field : " + $(this).attr('id'));
  }

});

Answer 2

すべてのフィールドを選択することから始めます。

var fields = $('.enter-info--ownerInfo .req')

次に、値が空のものに絞り込みます。

fields.filter(function() {
    return this.value === '';
});

次にlength、結果のオブジェクトのプロパティを確認します。等しい場合0はすべてのフィールドに値があり、そうでない場合は関数を実行します。

if(fields.length === 0) {
    // no empty fields
}
else {
    // empty fields
}

Answer 3

メソッドを使用.filterして、条件に一致する要素に要素を減らすことができます。

if $('.enter-info--ownerInfo .req').filter(function () {
  return $.trim($(this).val()) == ""
}).length > 0) {
  alert("One or more fields are empty")
} else {
  // run this function
}