Question

我遇到了jQuery验证插件的问题。

$(document).ready(function() {
$('input:submit').button();

       $('form').validate({
        rules: {
                name: 'required',
            email: {
                required: 'true',
                email: 'true'
            },
            subject: 'required',
            message: 'required'
        },
        messages: {
            name: '<img src="images/icons/bullet_delete.png" />',
            email: '<img src="images/icons/bullet_delete.png" />',
            subject: '<img src="images/icons/bullet_delete.png" />',
            message: ''
        }
    });
});

按下提交按钮时会显示名称和主题错误，但当电子邮件字段失去焦点时，电子邮件错误会显示在模糊处。我需要更改什么才能在按下提交按钮后显示所有错误？

Answer 1

来自文档：http://docs.jquery.com/Plugins/Validation/validate#options

此方法为提交，焦点，键盘，模糊和设置事件处理程序单击以触发整个表单或单个元素的验证。每个都可以被禁用，请参阅onxxx选项（onsubmit，onfocusout， onkeyup，onclick）。

尝试：

$(document).ready(function() {
    $('input:submit').button();

    $('form').validate({
        onsubmit   : true,
        onfocusout : false,
        onkeyup    : false,
        onclick    : false,

        rules: {
            name: 'required',
            email: {
                required: 'true',
                email: 'true'
            },
            subject: 'required',
            message: 'required'
        },
        messages: {
            name: '<img src="images/icons/bullet_delete.png" />',
            email: '<img src="images/icons/bullet_delete.png" />',
            subject: '<img src="images/icons/bullet_delete.png" />',
            message: ''
        }
    });
});

带有验证插件的jQuery

1 个答案: