jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery验证,但仅在初次提交后大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用非常好的低音验证插件来满足我所有的表单验证需求:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/

遇到的问题:即使用户尚未完成字段,也会立即显示错误消息.因此:在用户完成输入之前,将显示无效的电子邮件.

在文档here中,一种解决方案是将onkeyup选项设置为false,从而导致错误消息仅显示在onblur上.

但是,在我的设置中,我遇到了两个额外的问题(上面的解决方案没有解决)

>提交无效表单后,更正错误消息时不会清除错误消息
>使用浏览器自动填充功能时,自动填写的字段会被标记错误.

所以,我最初的问题是:如何在第一次提交之后才进行Bassistance验证并且从那里开始使用它的认设置?

这是我的代码

if($('#contact_form').length) {
    $("#contact_form").validate({
        rules: {
            first_name: {
                required: true
            },last_name: {
                required: true
            },message: {
                required: true
            },telephone: {
                required: true
            },email: {
                required: true,email: true
            },email_again: {
                required: true,email: true,equalTo: "#email"
            },norobot: {
                required:true,minlength:4,maxlength:4,number:true     
            }
        }
    });
}

请在此处找到完整的JavaScript:@L_674_30@

这是一个工作示例,其中onkeyup设置为false:
http://lad.chocolata.be/nl/contact

提交带有一些无效字段的表单后,错误消息在更正时不会清除.

我错过了什么?

解决方法

向读者发出警告:通常,在DOM上调用.validate()一次就可以初始化表单了.当最初按下提交按钮时,下面的代码调用.validate()一次…因此,在第一次按下该按钮之前,不会进行任何验证.

没有必要多次调用.validate(),所以我使用了jQuery one() event.

$(document).ready(function() {

    $('#submit').one('click',function() {
        $('#myform').validate({
            // your rules & options
        });
    });

});

工作演示:

http://jsfiddle.net/hSDyP/

大佬总结

以上是大佬教程为你收集整理的jQuery验证,但仅在初次提交后全部内容,希望文章能够帮你解决jQuery验证,但仅在初次提交后所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。