【问题标题】:Uncaught TypeError: undefined is not a function error on loading jQuery [closed]未捕获的TypeError:加载jQuery时未定义不是函数错误[关闭]
【发布时间】:2014-10-19 17:03:34
【问题描述】:

我正在制作一个需要验证字段的 Web 应用程序。 .js 正在加载,但它在第 2 行 $("#adduser-form").validate({ 给出了 Uncaught TypeError: undefined is not a function 错误。请告诉我我做错了什么。以下是我的验证文件代码:

$(document).ready(function() {
    $("#adduser-form").validate({
        rules : {
            email : {
                required : true,
                email : true,
                maxlength : 64
            },
            firstname : {
                required : true,
                minlength : 3,
                maxlength : 32
            },
            lastname : {
                maxlength : 32,
                minlength : 3,
                required : true
            },
            password : {
                maxlength : 32,
                minlength : 8,
                required : true
            },
            company : {
                maxlength : 64,
                minlength : 3,
                required : false
            },
            title : {
                maxlength : 64,
                minlength : 3,
                required : false
            }
        },

        messages : {

            email: { 
                required: "Email is required.",
                email: "Please enter a valid Email address."
            }, 
            firstname: { 
                required:"First Name is required."
            }, 
            lastname: { 
                required:"Last Name is required."
            },
            password: { 
                required:"Password is required.",
            }, 

        },
        invalidHandler : function(event, validator) {//display error alert on form submit
            $('.alert-error', $('#adduser-form')).show();
        },

        highlight : function(element) {// hightlight error inputs
            $(element).closest('.control-group').addClass('error');
            // set error class to the control group
        },

        success : function(label) {
            label.closest('.control-group').removeClass('error');
            label.remove();
        },

        errorPlacement : function(error, element) {
            error.addClass('help-small no-left-padding').insertAfter(element.closest('.input-icon'));
        },

        submitHandler : function(form) {
            form.submit();
        }
    });

    $('#adduser-form input').keypress(function(e) {
        if (e.which == 13) {
            if ($('#adduser-form').validate().form()) {
                $('#adduser-form').submit();
            }
            return false;
        }
    });

}); 

【问题讨论】:

  • 你加载插件了吗?
  • 如果您使用 jQuery 验证库,则必须包含该库。文档:jqueryvalidation.org
  • 要么js文件没有加载,要么id为adduser-form的元素不存在
  • 事实上,我错过了 jQuery 验证库。谢谢大家!

标签: javascript jquery jquery-ui validation


【解决方案1】:

我没有包含 jQuery 验证库。我加入了它,它就像一个魅力!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-10-03
    • 1970-01-01
    • 1970-01-01
    • 2015-01-01
    • 2015-03-24
    • 2021-05-01
    • 2015-03-28
    • 2014-09-19
    相关资源
    最近更新 更多