1. ホーム
  2. jquery

[解決済み] jQuery Validate Required Select

2022-04-26 07:39:18

質問

jQuery Validateプラグインを使用して、htmlのselect要素の検証を行おうとしています。required"ルールをtrueに設定しましたが、デフォルトでゼロインデックスが選択されるため、常に検証を通過します。requiredルールで使用される空の値を定義する方法はありますか?

UPD. 例 以下のようなhtmlコントロールがあるとします。

<select>
  <option value="default">Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

バリデーションプラグインで、"default" の値を空として使用したいのですが。

どうすればいいですか?

自分でルールを書ける!

 // add the rule here
 $.validator.addMethod("valueNotEquals", function(value, element, arg){
  return arg !== value;
 }, "Value must not equal arg.");

 // configure your validation
 $("form").validate({
  rules: {
   SelectName: { valueNotEquals: "default" }
  },
  messages: {
   SelectName: { valueNotEquals: "Please select an item!" }
  }  
 });