特定のクラスを持つすべての入力が表示され、どのようにI ALERTとPREVENTユーザーがクラス<code>.popup_element</code>で任意の要素をクリックから任意の<strong>VISIBLE</strong><strong>入力はクラス<code>.weight</code>と</strong>値を持たないことができる場合

Question

値を持たない場合はクリックしないようにしてください

以下のコードは自分自身を試したものですが、動作しないようです。

$(".popup_element").click(function() { 

     '' == $(".weight:visible").value && 

    alert("Please Select Value First.") 
event.preventDefault(); 
    }), 

Answer 1

あなたはこのようにそれを行うことができます。

$(".popup_element").click(function(event) { 

    var foundNoValue = false; 

    $(".weight:visible").each(function(){ 
     if($.trim($(this).val()) == "") 
     { 
      foundNoValue = true; 
     } 
    }); 

    if(foundNoValue){ 
     alert("Please Select Value First.") 
     event.preventDefault(); 
    } 
}) 

Answer 2

あなたは空白の値をテストするために.filter() methodを使用することができます：あなたは何も-ブトの治療のために必要がある場合は

$(".popup_element").click(function() { 
    if ($(".weight:visible").filter(function() { return this.value === ""; }).length > 0) { 
    alert("Please Select Value First.") 
    event.preventDefault(); 
    } 
}) 

（スペース入力を空白として使用するだけでthis.value.trim() === ""を使用してください）

私は本当にあなたのsh ortcut代わりifコードの&&ていますが、それは括弧を使用して複数のステートメントを実行し、カンマ演算子持つことができることをやりたい場合：

$(".popup_element").click(function() { 
    $("input").filter(function() { return this.value === ""; }).length && (
    alert("Please Select Value First."), 
    event.preventDefault() 
); 
});