Jquery validation plugin - TypeError validate is not a function

Question

My script throw errors      TypeError  jQuery validator is undefined additional-methods js 20   TypeError         validate is not a function index php 115   Probably  I have mistake in jQuery code    lt head gt   lt script type  text javascript  src  js jquery-1 10 2 js  gt  lt  script gt   lt script type  text javascript  src  js jquery form js  gt  lt  script gt   lt script src  http   jquery bassistance de validate additional-methods js  gt  lt  script gt   lt  head gt   lt body gt               lt form id  registerForm  method  post  action  logrej php  gt               lt input name  login  type  text   gt               lt input name  nick  type  text   gt               lt input type  password  id  passw  name  password   gt               lt input type  password  name  retype    gt               lt input type  submit  value  Zarejestruj     gt               lt  form gt               lt script gt                       registerForm   validate                       rules                            login                                required true                              rangelenght   4 20                               remote  look php                                                     nick                                 required true                              rangelenght  4 20                               remote  look php                                                     password                                required true                              rangelenght  4 20                                                     retype                                required true                              equalTo   passw                                                                       messages                           login                               required  To pole jest wymagane                                                                                    lt  script gt

User · Answer

If using VueJS  import all the js dependencies for jQuery extensions first  then import   second     import     assets js jquery-2 2 3 min js  import     assets js jquery-ui-1 12 1 min js  import     assets js jquery validate min js  import   from  jquery     You then need to use jquery from a javascript function called from a custom wrapper defined globally in the VueJS prototype method   This safeguards use of jQuery and jQuery UI from fighting with VueJS   Vue prototype  fValidateTag   function  sTag  rRules          return ValidateTag  sTag  rRules        function ValidateTag  sTag  rRules         Var rTagT      sTag        return rParentTag validate  sTag  rRules

User · Answer

For me problem solved by changing http   ajax    into https   ajax     add an S to http   https   ajax aspnetcdn com ajax jquery validate 1 9 jquery validate js

User · Answer

for me  the problem was from require  jquery-validation   i added in the begging of that js file which Validate method used which is necessary as an npm module  unfortunately  when web pack compiles the js files  they aren t in order  so that the validate method is before defining it  and the error comes   so better to use another js file for compiling this library or use local validate method file or even using CDN but in all cases make sure you attached jquery before

User · Answer

You didn t include the base jQuery Validation library    lt script src  http   ajax aspnetcdn com ajax jquery validate 1 9 jquery validate js  gt  lt  script gt    Put that before the additional methods library   BTW this is a hosted version  download your own if you want

User · Answer

You re not loading the validation plugin  You need    lt script src  http   ajax aspnetcdn com ajax jquery validate 1 11 1 jquery validate min js  gt  lt  script gt    Put this before the line that loads the additional methods   Also  you should get the additional methods from the CDN as well  rather than jquery bassistance de   Other errors    4 20    should be    4 20    and   rangelenght    should be   rangelength

User · Answer

It looks like the JavaScript error your getting is probably being caused by  password        required true      rangelenght  4 20       As the  4 20  should be  4 20   which i d guess is throwing off the validation code in additional-methods hence giving the type error s you posted   Edit  As others have noted in the below comments rangelenght is also misspelled  amp  jquery validate js library appears to be missing  assuming its not compiled in to one of your other assets

User · Answer

Include jquery validate js before additional-methods js     validate   method is defined there

User · Answer

I had the same problem  I am using jquery-validation as an npm module and the fix for me was to require the module at the start of my js file   require  jquery-validation

[javascript] Jquery validation plugin - TypeError: $(...).validate is not a function

Examples related to javascript

Examples related to jquery

Examples related to jquery-validate