SumoSelectドロップダウンにjQueryの検証を追加するには？

Question

複数の相撲選択ボックスを検証する方法を探しています。私が持っているコードは以下の通りです。

HTML

<select class="kid-age form-select" id="edit-age-big-kid-1" name="age_big_kid_1">  
    <option value="">-</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
</select> 

<select class="kid-age form-select" id="edit-age-big-kid-2" name="age_big_kid_2">  
    <option value="">-</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
</select> 

<select class="kid-age form-select" id="edit-age-small-kid-1" name="age_small_kid_1">  
    <option value="">-</option> 
    <option value="3">0</option> 
    <option value="4">1</option> 
    <option value="5">2</option> 
</select> 

JS

$('.kid-age').SumoSelect(); 

どのように私は、クライアント側」ドロップダウンのすべて（複数があるかもしれません）が必要とされることを検証し、単一のメッセージを表示することができますすべての子供の年齢が必要です。

ありがとうございます！ここで

Answer 1

は、迅速かつ簡単な検証であるが、それはあなたのアイデアを与えるだろう、あなたのニーズに合わせてそれを変更することができます

$(document).ready(function() { 

    $('.kid-age').SumoSelect(); 
    $('#submit').on('click', function() { 
     errors=[]; 
     $('p.SelectBox').each(function() { 

      if($(this).attr('title')==" -") { 



       errors.push('invalid'); 

      } 

     }); 

     if(errors.length>0) { // if there are errors, show message, stop submission, etc... 
       message='All kid ages are required.'; 
       $('.error').text(message); 
      } 
      else { //if no errors, continue with script execution... 
       $('.error').text('fields validated'); 
      } 
    }); 


}); 

プラグインは、選択したオプションを保持している（すべてのドロップダウンのための）一つの特定のpタグを作成します。 ..その値を確認することができ、 ' - '以外の場合はスクリプトの実行を続行します。それ以外の場合はエラーがスローされます。

実際の動作をご覧ください。https://jsfiddle.net/g7bLbevy/