JQuery表单消息验证

JQuery Form Message Validation

本文关键字:验证 消息 表单 JQuery      更新时间:2023-09-26

我正在尝试验证此表单的工作,并且在大多数情况下它都在工作。问题的出现仅仅是当我在"消息"输入字段中写了一些东西并单击提交时。不阻止提交表格,而是提交表格。

在Chrome控制台中提交后,我可以看到以下内容:"无法读取未定义的jquery.validate.min.js的属性'call'"

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

    });

如果有语法错误,则不应在所需消息的末尾使用逗号。

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

    });