jquery - Jquery 検証ルール - 検証前にオプションの選択を要求する方法

Question

ドロップダウンで特定のオプションが選択されている場合にのみ、一部の入力データを検証する必要があります。ラジオボタンの場合、これは次のようなルールで行われます。

required : "#radioId:checked"

ドロップダウンのオプションに対してこれを行うにはどうすればよいですか?

Answer 1

memoery が機能する場合、選択されていることを確認したいオプションが選択されているかどうかを返すコールバックを使用できます。

required: function(element) {
    return $("#selectID>option:selected").val() == 18;//or whatever value you require
  }

Answer 2

次のようなもので依存チェッカーを使用できます。

<select name="selectBox" id="selectBox">
 <option value="option1">Option 1</option>
 <option value="option2">Option 2</option>
</select>

<input type="text" name="inputBox" />

----------------------in your rules do---------------------

 inputBox: {
   depends: function (elt) {
     return $('#selectBox').val() === "option1"; 
     // option1 being the targeted option here
   }
 }

Answer 3

別のオプションとして、独自のセレクターを作成することもできます。

    $.extend($.expr[":"], {
    myselector: function (e)
    {
        return $(e).val() == 'mine';
    }
});

セレクタ：

required : '#test:myselector'