0

我有这个验证码：

$("#validate").validate({
        rules: {

            // My other rules
            // My other rules
            // My other rules

            minecraft: {
                required: true,
                remote: "./validate-minecraft.php"
            }
        },
        messages: {
            minecraft: {
                remote: "error."
            }
        },
        errorClass: "help-inline",
        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');
        },
        submitHandler: function (form) {
            jQuery("#btn-submit").addClass("disabled");
            ("validate").submit();
        }
    });

一切正常，除了我的世界领域，有遥控器。

我的 PHP 脚本 validate-minecraft.php 正确返回 true 或 false，如果返回 false，则错误消息正确显示，但是当出现错误时，字段颜色变为绿色而不是红色。

我究竟做错了什么？

谢谢！

4

1 回答 1

1

也许您需要删除突出显示的“成功”类。

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

当我在您的网站上进行测试时，我注意到对照组 div 看起来像这样：

<div class="control-group success error">

现在奇怪的是，即使我第一次尝试出错，它也会这样做。不确定如何添加成功类。但也许这与remote验证器有关？我用digits验证器在本地尝试了这个，它没有success在初始错误上添加类。

无论哪种方式，您都应该删除success用户输入错误的类。

于 2013-06-22T08:05:29.153 回答