Jquery Validation 一般错误?

Posted

技术标签:

【中文标题】Jquery Validation 一般错误?【英文标题】:Jquery Validation general errors? 【发布时间】:2011-12-29 19:51:42 【问题描述】:

我希望能够检查表单的有效性。如果有任何错误,我想显示一个常规错误 div,其中包含查看表单的说明。谁能帮我看看语法?

【问题讨论】:

您需要提供比这更多的信息。你都尝试了些什么?有没有你想使用或想避免的框架?你查过jQuery Validator了吗? 好点零,我很抱歉如此含糊。 【参考方案1】:
$(function()
    $('form').submit(function(event) //when form is submitted
        var errors = false; //errors start as false
        if($('.email').val() === '') //this is where you can validate fields
            errors = true; //if validation fails errors = true
        
        if(errors) //if it does not pass validation
            event.preventDefault(); //don't submit form
            $('errorDiv').show(); //show the hidden div that tells the user there are errors
        
    );
);

【讨论】:

【参考方案2】:

这似乎是一个很好的起点:

$(document).ready(function() 
    var submitted = false;
    ('.selector').validate(
        showErrors: function(errorMap, errorList) 
            if (submitted) 
                var summary = "You have the following errors: \n";
                $.each(errorList, function()  summary += " * " + this.message + "\n"; );
                alert(summary);
                submitted = false;
            
            this.defaultShowErrors();
        ,          
        invalidHandler: function(form, validator) 
            submitted = true;
        
    );
);

大卫·富特顿的法庭:Display both summary and individual error messages using the jQuery validation plugin

【讨论】:

以上是关于Jquery Validation 一般错误?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery - 学习笔记 - jQuery Validation Plugin

jquery mobile 和 jquery.validation 无线电验证错误消息不会消失

jQuery Validation插件在无效时重复提交错误

清空jQuery validation 显示的错误信息

使用 Jquery Validation 添加自定义错误消息

css FIx for materialize错误标签jQuery validation + Materialisecss