0

いくつかの検証を行っていますが、divエラーを非表示にするか、成功時にクラス「hidden」を追加する必要があります。使用しているプラ​​グインへのリンクを含めました。また、私のデモでは、フィールドに入力すると、各入力の下にエラーラベル用のスペースが追加されていることがわかります。http://cuberocigars.com/bugler/xml.request.php

HTML

<div class="control-group">
        <div class="controls">
        <input type="text" class="input-coupon" name="address1" placeholder="Street Address" id="address1">
        </div>
    </div>

JS-これはハイライトと成功です

$(document).ready(function(){

// Validate
// http://bassistance.de/jquery-plugins/jquery-plugin-validation/
// http://docs.jquery.com/Plugins/Validation/
// http://docs.jquery.com/Plugins/Validation/validate#toptions

    $('#contact-form').validate({
    rules: {

      address1: {
        minlength: 2,
        required: true
      }

    },
        highlight: function(element) {
            $(element).closest('.control-group').removeClass('success').addClass('error');
        },
        success: function(element) {
            element

            .closest('.control-group').removeClass('error').addClass('success')


        }
  });

}); // end document.ready

CSS

label.error {
        font-weight: bold;
        color: red;
        padding: 2px 8px;
        margin-top: 2px;
    }
4

1 に答える 1

1

unhighlight:代わりにコールバックを試してくださいsuccess:...

highlight: function(element) {
    $(element).closest('.control-group').removeClass('success').addClass('error');
},
unhighlight: function(element) {
    $(element).closest('.control-group').removeClass('error').addClass('success')
}

ドキュメントによると：

unhighlight、Callback、Default：
オプションによって行われた変更を元に戻すために呼び出されたerrorClassを削除します。highlight引数は。と同じhighlightです。

于 2013-02-14T17:34:54.673 に答える