0

ブートストラップ 2 を使用するフォームを検証するために jquery 検証プラグインを使用していますが、ルールに違反するとエラー クラスが追加されますが、画面上では入力ボックスに違いはありません。入力「ハイライト」をデフォルトでブートストラップ エラー クラスに設定し、適切に表示するにはどうすればよいですか。

HERE IS THE HTML
 <dl class="dl-horizontal">
    <dt>Contract Name: </dt>
      <dd>
         <input name="myInput" type="text" />
      </dd>
 </dl>


HERE IS THE JAVASCRIPT
<SCRIPT type="text/javascript" src="script/jquery.validate.min.js"></SCRIPT>
<script type="text/javascript">
    $(document).ready(function(){


    $('.submitOCform').click(function() {                        
       if($("#submitForm").valid()) {
            document.forms["submitForm"].submit();
       }
    });

    //Load the form validation for the page    
      $("#submitForm").validate({
        rules: {
          "myInput": {
            required: true,
            maxlength:100
          }                  
        },
          highlight: function(label){
              $(label).closest('.control-group').addClass('error');
              $(label).closest('.control-group').removeClass('success');
          },
          success: function(label){
            $(label).closest('.control-group').addClass('success');
            $(label).closest('.control-group').removeClass('error');
          },
          errorPlacement: function(error, element) {
                      error.appendTo(element.parent());
          }
      });

    }); // END DOC Ready        
</script>
4

2 に答える 2

0

追加する必要があります

<div class='control-group'></div>

エラー時に色を変更したい入力の周り

于 2013-01-11T04:28:45.273 に答える
0

messages検証機能の属性を追加し、必要なメッセージを編集します。<code>メッセージはタグで囲む必要があります

$("#submitForm").validate({
    rules: {
      "myInput": {
        required: true,
        maxlength:100
      }
    }, 
    messages: {
        myInput: {
            required: "<code>Please specify something here</code>",
        }
    }
});
于 2012-11-14T00:36:25.910 に答える