javascript - jQueryで空の場合、配列内の要素をチェックする

Question

いくつかの情報を含む入力フィールドの配列があります。それらの1つが空かどうかを確認する必要があります。

jQuery コード:

   $("#NewUserBtn").click(function () {

            var zorunluAlan = ["#YeniAd", "#YeniSoyad", "#YeniEposta", "#YeniEpostaOnay", "#YeniSifre", "#YeniSifreOnay"];

            for (i = 0; i < zorunluAlan.length; i++) {
                if (//What should i write here?) {
                    alert("Please fill all input fields!");
                    break;
                }
            }
    });

Answer 1

jQueryfilter関数を使用して、よりクリーンな方法でそれを行うことができます:

var zorunluAlan = ["#YeniAd", "#YeniSoyad", "#YeniEposta", "#YeniEpostaOnay", "#YeniSifre", "#YeniSifreOnay"];

var $empty = $(zorunluAlan.join(",")).filter(function() {
    return ($(this).val().length === 0);
});

if($empty.length > 0) {
   alert("Please fill all input fields!");
}

Answer 2

jQueryを使ってエラークラスを追加する基本的な考え方

$("#a,#b,#c")
    .removeClass("error")
    .filter( 
        function(){
            return !this.value.length;
        }
    )
   .addClass("error");

http://jsfiddle.net/m3WA8/

ID の文字列の代わりにクラス/属性を使用することで簡略化できます。