Question

如果你看这里：http://creathive.net你会看到我在页面底部有一个申请表，我已经添加了一些jQuery验证，以使用户正确地填写它。然而，我想要做的不是在输入框旁边显示所有这些标签（打破布局）只是保持简单，只改变输入字段的颜色。

编辑：

$("#applicationform").validate({
    rules: {
        firstname: "required",
        lastname: "required",
        email: {
            required: true,
            email: true
        },
        url: {
            required: true,
            url: true
        }
    }
});

Answer 1

var val = $("#someform").validate();
val.hideErrors();

将保持突出显示但删除标签。

编辑：尝试覆盖验证中的errorPlacement（添加选项）....

errorPlacement: function(error, element) {
    error.insertAfter(element);
    error.css("display", "none");
}

编辑：尝试在validate（）...

之后删除所有带有类错误的元素

 $('.error').remove()

编辑：

$("#applicationform").validate({
                    rules: {
                        firstname: "required",
                        lastname: "required",
                        email: {
                          required: true,
                          email: true
                        },
                        url: {
                          required: true,
                          url: true
                        }
                    },
                    errorPlacement: function(error, element) {
                          element.before(error);
                          error.css('display','none');
                    },
                    invalidHandler: function(form,validator){
                         $('.error').remove();
                    }


 });

跳过jQuery验证标签

1 个答案: