带有验证插件的 jQuery答案

【问题标题】：jQuery with validation plugin带有验证插件的 jQuery
【发布时间】：2012-01-08 19:13:11
【问题描述】：

我的 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: ''
        }
    });
});

按下提交按钮时会显示名称和主题错误，但当电子邮件字段失去焦点时，电子邮件错误会模糊显示。为了在按下提交按钮后显示所有错误，我需要进行哪些更改？

【问题讨论】：

我认为它两者都有，做一个检查 onblur 并且提交时，你只是看不到它被添加，因为一旦你输入了无效的电子邮件，它就已经添加了，这是你想要的，他们应该如果某些内容无效，请立即通知。
还有一件事 - 你的接受率是 0% - 请标记你的问题的答案

标签： jquery validation

【解决方案1】：

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

这个方法为提交、焦点、keyup、模糊和单击以触发对整个表单或单个元素的验证。每一项都可以禁用，见 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: ''
        }
    });
});

【讨论】：