1

我有一个表单，我正在尝试使用 jquery.validate.js 上的插件 validate 进行验证。

您可以在以下位置看到它，您可以在以下位置看到实时页面：

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 扫描的最后一个输入通过验证，则添加了多个输入“.sucess 类”（绿色轮廓）。如果 3 个输入中只有 1 个输入未通过验证，我希望控制组分配红色 .error 类，无论顺序如何

谢谢，

账单

4

0 回答 0