jQueryバリデーターとユニフォームプラグインを使用して、選択した要素を改良しています。問題は、selectが無効に返された場合、要素が非表示になっているため、ユーザーがわからないことです。そのため、selectにエラーがある場合に、親要素にエラークラスを追加するカスタムメソッドを作成しようとしています。
これは私がこれまでに持っているものです:
$.validator.addMethod(
"selectvalidate", function(){
if(!$(element).is(':visible')){
return true;
}
else if($(element).val() == "") {
$(element).parent('.selector').addClass('error');
return false;
}
else{
$(element).parent('.selector').removeClass('error');
return true;
}
},
"Please select an option"
);
HTML
<fieldset>
<label>Field Label</label>
<div class="selector"></div>
<span>- Select -</span>
<select>
<option></option>
</select>
</fieldset>
どんな助けでも素晴らしいでしょう