jQuery未确定的错误与CSS

时间:2013-12-26 03:34:02

标签: jquery css

在使用jquery validate时进行用户名检查,但问题是,当用户插入不可用的用户名时,它会显示错误,一旦用户尝试另一个用户名,显示的错误就不会用我的CSS设置样式。这是我捕获错误http://www.screencast.com/t/hQdRev1HOnh

的屏幕截图

我发现问题出现在unhighlight功能中但是我尽力修复它,我仍然无法解决。

    <script>
                $('#reg_form').validate({
                onkeyup: false,
                errorClass: 'error',
                validClass: 'valid',
                rules: {
                    reg_username: {
                        required: true,
                        minlength: 3,
                        remote: {
                            url: "check_username.php",
                            type: "post"
                        }
                    },
                    reg_password: {required: true, minlength: 3}
                },
                messages: {
                    reg_username: {
                        required: "Please fill in your username",
                        remote: jQuery.format("{0} is already in use")
                    }
                },
                highlight: function(element) {
                    $(element).closest('div').addClass("f_error");
                },
                unhighlight: function(element) {
                    $(element).closest('div').removeClass("f_error");
                },
                errorPlacement: function(error, element) {
                    $(element).closest('div').append(error);
                }
            });
        });
    </script>

0 个答案:

没有答案