jquery - jQuery検証でカスタムCSSを使用していますか?

Question

エラー メッセージにカスタム CSS クラスを使用するにはどうすればよいですか? 標準の label.error のスタイルを設定したくありません。既存の CSS クラスを使用したい。

Answer 1

と呼ばれるjQuery ValidateのオプションがありますerrorClass：

このクラスを使用して、エラー ラベルを作成し、既存のエラー ラベルを探し、それを無効な要素に追加します。

$.validate元の呼び出しで指定するだけです。

$('#myForm').validate({
   errorClass:'myClass'
   //your options
});

Answer 2

あなたはそのようなことをすることができます：

html:

<form action="">
    <ul>
        <li><input type="text" id="name" value="Your name" /></li>
        <li><input type="submit" id="submit" /></li>
        <li class="error">
            <span>Ops!</span>
        </li>
    </ul>
</form>

CSS:

フォーム .error {display:none;}

jquery:

$('form').submit(function(){
    if($('#name').val()==''||$('#name').val()=='Your name'){
        $('form .error').css({display: 'block'});
    }
})