带有验证插件的jQuery

时间:2012-01-08 19:13:11

标签: jquery validation

我遇到了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: ''
        }
    });
});

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

1 个答案:

答案 0 :(得分: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: ''
        }
    });
});