1

jquery.validate.js でプラグインの検証を使用して検証しようとしているフォームがあります。

で見ることができます。ライブ ページは次の場所で見ることができます。

http://optionhomes.net/index.php/test1/index

フォームはデータベースからロードされます。検証エラーが発生した場合、フォームのブートストラップ エラー クラスをクラス「コントロール グループ」に追加したいと考えています。ブートストラップのドキュメントに関する私の理解によれば、それがその方法です。

私は次のようなHTMLを持っています:

<div class="form_row" >

<div class="control-group">
        <label class="control-label" for="input01">city</label>
          <div class="controls">
            <input type="text" class="input-xlarge span3" id="city" name="city" value="<?php echo $this->property->city ?>"  rel="popover" data-content="Re-enter your city." data-original-title="city" >
            <input type="text" class="input-xlarge span3" id="state" name="state" value="<?php echo $this->property->state ?>"  rel="popover" data-content="Re-enter your state." data-original-title="state" >
            <input type="number" class="input-xlarge span2" id="zip" name="zip" value="<?php echo $this->property->zip ?>"  rel="popover" data-content="Re-enter your zip code." data-original-title="zip" >

          </div>
    </div>

</div>

jquery コードは次のとおりです。

                errorClass: "error",
                errorElement: "span",
                highlight:function(element, errorClass, validClass) {
                    $(element).parents('.control-group').addClass('error');
                },
                unhighlight: function(element, errorClass, validClass) {
                    $(element).parents('.control-group').removeClass('error');
                    $(element).parents('.control-group').addClass('success');

                }

私がやりたいことは、検証に失敗した入力要素にエラー クラス (赤いボックスを与える) を追加することです。私の現在のコードでは、「.succes」のクラスが追加され、修正が必要な場合でも、これらの要素が緑に変わります。

私が理解している問題は、jqueryによってスキャンされた最後の1つが検証に合格した場合、複数の入力で「.successクラス」(緑色のアウトライン)が追加されることです。順序に関係なく、3 つの入力のうち 1 つだけが検証に失敗した場合に、コントロール グループに赤の .error クラスを割り当てたい

ありがとう、

明細書

4

0 に答える 0