jquery-validationで選択ボックスを検証する方法は？

Question

複数のフォームで選択したボックスを確認するにはどうすればよいですか？選択ボックスは、必要な属性を持っているが、それが唯一の入力フィールドを検証http://jsfiddle.net/K6Tkn/91/

：私の最初の選択肢は<option selected disabled hidden style="display:none" value="default"></option>

マイフィドルです。

アラートボタンをクリックしたときの確認方法を確認するにはどうすればよいですか？この例では、入力を入力してから送信ボタンをクリックしてからアラートボタンをクリックする必要があります。

$(document).ready(function() { 
    $('form').each(function() { 
    $(this).validate({ 
     submitHandler: function(form) { // for demo 
     $('#test').on('click', function() { 
      alert('valid form'); //should simulate a next button for multi step form 
     }); 
     return false; 
     } 
    }); 
    }); 
}); 

<form> 
    <input type="text" name="username" minlength="3" required="required" /> 
    <select id="selectCatalog" name="selectCatalog" class="form-control"> 
    <option selected disabled hidden style="display:none" value="default" required="required"></option> 
    <option value="option1">option1</option> 
    <option value="option2">option2</option> 
    </select> 
    <input type="submit" value="Send" /> 
</form> 

<form> 
    <input type="text" name="email" required="required"> 
    <input type="submit" value="Send" /> 
</form> 

<button id="test">Alert</button> 

Answer 1

あなたが入力を選択し、ドロップダウンをターゲットにする場合は$.validator.addMethodを追加する必要があります。デフォルト "の代わりに値=`の最初のオプションに `"

$.validator.addMethod("validOrNah", function(value, element) { 


    if ($("#username").val() === "" || $("#selectCatalog")[0].selectedIndex === 0) { 
    return false; 
    } 
    return true; 

}, "Please enter in text and select dropdown"); 

$(this).validate({ 
    rules: { 
    selectCatalog: { 
     validOrNah: true 
    } 
    }, 

http://jsfiddle.net/ayang10/K6Tkn/129/