使用 jquery 表单验证插件时无法读取未定义的属性“调用”答案

【问题标题】：Cannot read property 'call' of undefined while using jquery form validation plugin使用 jquery 表单验证插件时无法读取未定义的属性“调用”
【发布时间】：2018-09-10 05:36:37
【问题描述】：

我正在使用jquery 表单验证插件来验证我的表单，在所有验证成功后，我调用提交函数。但是在将正则表达式应用于字段时，使用jquery 表单验证插件会出现错误“无法读取未定义的属性'调用'”，上面的字段是prefilled，所以我认为是因为这个.下面是错误的图像。

下面是我的代码：-

<form id="email-form">
   <input type="text" class="text-field-3 w-input" maxlength="256" autofocus="true" name="first-name" data-name="first-name"
     placeholder="First Name" id="first-name-2">
</form>

<script>
$(document).ready(function () {
  $('#email-form').submit(function (e) {
    e.preventDefault();
  }).validate({ // initialize the plugin
     rules: {
       "first-name": {
         required: true,
         regex: /^[a-zA-Z]+$/i
       }
     }
   })
</script>

请帮我解决这个问题。谢谢！

【问题讨论】：

您应该必须在此文档就绪代码之前包含您的验证插件。
我包含了它。但不工作。
确保您以正确的顺序包含 Javascript/Jquery 库。

标签： javascript jquery jquery-form-validator

【解决方案1】：

添加如下函数支持正则表达式：'expression':

$.validator.addMethod(
    "regex",
    function (value, element, regexp) {
        var re = new RegExp(regexp);
        return this.optional(element) || re.test(value);
    },
   "Please check your input."
);

【讨论】：

【解决方案2】：

您没有包含正则表达式功能，只需执行以下操作：

<script>
$(document).ready(function () {
  (function($,W,D){
    var JQUERY4U = {};
    JQUERY4U.UTIL = {
     setupFormValidation: function(){
        $.validator.addMethod("regex", function(value, element, regexpr) {          
        return regexpr.test(value);
     }); 

 $('#email-form').submit(function (e) {
  e.preventDefault();
 }).validate({ // initialize the plugin
   rules: {
   "first-name": {
      required: true,
      regex: /^[a-zA-Z]+$/i
    }
  }
 })
}
}
$(D).ready(function($) {
    JQUERY4U.UTIL.setupFormValidation();
});
})(jQuery, window, document);

请忽略代码的缩进。

【讨论】：