JQuery 表单消息验证答案

【问题标题】：JQuery Form Message ValidationJQuery 表单消息验证
【发布时间】：2014-04-27 00:38:05
【问题描述】：

我正在尝试验证此表单的工作情况，并且大部分情况下它正在工作。只有当我在“消息”输入字段中写一些内容并单击提交时才会出现问题。不是阻止表单提交，而是提交表单。

在 Chrome 控制台中提交后，我可以看到以下内容： “无法读取未定义 jquery.validate.min.js 的属性‘调用’”

var $taskForm = $("#task-form").validate({
        // Rules for form validation
        rules : {
            name : {
                required : true
            },
            'assign[]' : {
                required : true
            },
            checkin : {
                required : true
            },
            start : {
                required : true
            },
            completion : {
                required : true

            },
            message : {
                required : true,
                maxLength: 200,
                minlength : 10
            }
        },

        // Messages for form validation
        messages : {
            name : {
                required : 'Please enter a name for this task',
            },
            'assign[]' :{
                required : 'Please choose someone to assign this task to',
            },
            checkin : {
                required : 'Please choose a date',
            },
            completion : {
                required : 'Please choose a date',
            },
            message : {
                required : 'Please enter a description for the task'
            }
        },

        // Ajax form submition
        submitHandler : function(form) {
            $(form).ajaxSubmit({
                success : function() {
                    $("#task-form").addClass('submited');
                }
            });
        }


    });

【问题讨论】：

你记得包含 jquery 表单插件吗？ ajaxSubmit 不是 jquery 库的一部分。 jquery.malsup.com/form/#getting-started
使用未压缩版本的 jquery.validate 并调试代码。启用“异常中断”（带圆圈的暂停符号）。这应该可以为您提供有关该问题的线索。
maxLength 不是maxlength，这就是你的问题的总和。
非常感谢！成功了！

标签： javascript jquery forms validation

【解决方案1】：

您有语法错误，您不应该在所需消息的末尾有逗号。

var $taskForm = $("#task-form").validate({
        // Rules for form validation
        rules : {
            name : {
                required : true
            },
            'assign[]' : {
                required : true
            },
            checkin : {
                required : true
            },
            start : {
                required : true
            },
            completion : {
                required : true

            },
            message : {
                required : true,
                maxLength: 200,
                minlength : 10
            }
        },

        // Messages for form validation
        messages : {
            name : {
                required : 'Please enter a name for this task'
            },
            'assign[]' :{
                required : 'Please choose someone to assign this task to'
            },
            checkin : {
                required : 'Please choose a date'
            },
            completion : {
                required : 'Please choose a date'
            },
            message : {
                required : 'Please enter a description for the task'
            }
        },

        // Ajax form submition
        submitHandler : function(form) {
            $(form).ajaxSubmit({
                success : function() {
                    $("#task-form").addClass('submited');
                }
            });
        }


    });

【讨论】：