Cannot read property 'call' of undefined while using jquery form validation plugin

Question

I'm using jquery form validation plugin to validate my form, after all validations are successful, then i call the submit function. But an error "Cannot read property 'call' of undefined" using jquery form validation plugin is occurring while applying regex to the fields, Above field is prefilled so i think it is because of that. Below is the Image of error.

Below is my code for that:-

<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>

Please help me to solve this. Thanks!

you should have to include your validate plugins before this document ready code. — Manikant Gautam
– Manikant Gautam, Commented Sep 10, 2018 at 5:44
Make sure you are including Javascript/Jquery lib in proper order. — Anant Dabhi
– Anant Dabhi, Commented Sep 10, 2018 at 6:47

Alexander van Oostenrijk · Accepted Answer · 2019-12-26 11:31:36Z

1

Add a function as follows to support regex: 'expression':

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

edited Dec 26, 2019 at 11:31

Alexander van Oostenrijk

4,7843 gold badges25 silver badges37 bronze badges

answered Dec 26, 2019 at 11:16

Arulselvan R Pallavarayar

111 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

user10045612 · Accepted Answer · 2018-09-10 09:50:58Z

0

You didn't include regex function, just do like below:

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

Please ignore indentation of code.

answered Sep 10, 2018 at 9:50

user10045612

Collectives™ on Stack Overflow

Cannot read property 'call' of undefined while using jquery form validation plugin

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related