2016-04-04 10 views
0

私のボタンを有効にするためにすべての入力をチェックしたいが、私は複数のコードを試して、動作しない。IDによる検証フォーム入力val

$(('#my_name') && ('#username') && ...).bind('blur', function() { 
    if ($(this).val()) 
    { 
     $('.ouvrir-etape3').removeClass('gray'); 
     $('.ouvrir-etape3').slideDown(300); 
    } 
    else 
    { 
     alert ('check the form'); 
    } 
}); 

<form action="..."> 

    <div class="1"> 
    <input id="my_name"> 
    <input id="username"> 
    </div> 

    <div class="ouvrir-etape3 gray">Open</div> 
    <div style="display:none">...</div> 

</form> 

すべての入力をIDで確認したい。このコードは、最後の入力#usernameを確認します。理由はありません。

+0

私はあなたが欲しいものを理解します。 –

+0

私は編集thx – Mike

+0

あなたが使用している言語のようないくつかの詳細情報を追加してください.. –

答えて

0

バインドイベントの構文が間違っています。ちょうど以下のコードに置き換えてください。それが動作します。

<html> 
    <head> 
     <meta charset="UTF-8" /> 
     <title>Document</title> 

     <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 

    </head> 

    <body> 


    <form action="..."> 

    <div class="1"> 
     <input id="my_name"> 
     <input id="username"> 
    </div> 

    <div class="ouvrir-etape3 gray">Open</div> 
    <div style="display:none">...</div> 

    </form> 

    <script> 
     $('#my_name,#username').bind('blur', function() { 
      if ($('#my_name').val() && $('#username').val()){ $('.ouvrir-etape3').removeClass('gray'); 
      $('.ouvrir-etape3').slideDown(300); 
      } 
      else 
      { 
      $('.ouvrir-etape3').addClass('gray'); 
      alert ('check the form'); 
      } 
     }); 
    </script> 

    </body> 

    </html> 
+0

@mikeあなたに役立つなら、私の答えに印を付けてください。ありがとう –

+0

私は同じコードを試みたが、問題は唯一の最初の入力がチェックされています。私はボタンを表示するためのすべての入力を確認したい – Mike

+0

これは両方の入力フィールドで動作します。特定の入力フィールドをぼかすと、その特定のフィールドをチェックします。それ以外のものが必要な場合は、私に知らせてください。 –

関連する問題