javascript - jQuery 验证 - 隐藏错误消息并且不提交表单

Question

我正在对表单使用 jQuery Validate。

我有一个必填字段，但我不想显示该字段的任何错误消息。我只是希望阻止表单提交。

我尝试将元素错误消息设置为:

messages: {
    required: "" 
}

但是，由于我无权访问默认验证格式(这是我无法更改的常见文件)，我仍然看到带有空白错误消息的背景/框。

有没有办法隐藏特定元素的错误消息的呈现，同时仍然阻止表单提交？

Answer 1

引用OP:

"Is there a way to hide the rendering of the error message for a specific element, while still preventing the form submission?"

参见the errorPlacement callback function ，它控制消息的放置位置。

使用条件，以便在特定元素上返回 false，从而有效地防止放置消息，同时允许在其余元素上放置默认消息。

$('#myform').validate({
    rules: {
        ....
    },
    errorPlacement: function(error, element) {
        if (element.attr('name') == 'myName') {
            return false;  // no message placement
        } else {
            error.insertAfter(element); // default message placement
        }
    }
});

<强> DEMO: http://jsfiddle.net/3cndvv3o/