jQuery validate error "jquery.format is not a function" after plugin update

Question

For years I was jQuery.validate using version 1.9.0 successfully
Now, with v 1.19.2 I get "jquery.format is not a function".
In my head section:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/additional-methods.min.js" ></script>

html form input

<div class="divTableCell L3"><input name="email" type="text" class="required" id="email" /></div>

At bottom:

<script>
    formVerif();
</script>

This is a part of the function used:

function formVerif(){   
    $(document).ready(function(){
        $("#formulario").validate({
          errorClass: 'rojo' ,
          messages: {
               nombre: {
                 required: "<br />Falta ingresar un nombre.",
                 minlength: jQuery.format("<br />Ingresa al menos {0} caracteres"),
                 maxlength: jQuery.format("<br />Ingresa como máximo {0} caracteres"),
                 alphanumeric: "<br />Ingresa solo letras y espacios"
                 },
               apellido: {
               ...
               ...

If I go back to V 1.9.0 no errors are displayed:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="JS/jquery.validate.min.js"></script>
<script src="JS/additional-methods.min.js"></script>

There is no such thing as jQuery.format - it should be jQuery.validator.format. Your example code is also incomplete. You only show us the HTML for the field with name="email" and then show the .validate() method with completely different fields. — Sparky
– Sparky, Commented Jan 11, 2021 at 18:54

Sparky · Accepted Answer · 2021-01-11 19:01:19Z

3

Your code...

minlength: jQuery.format("<br />Ingresa al menos {0} caracteres"),

There is no such thing as jQuery.format, so just remove and use this...

minlength: "<br />Ingresa al menos {0} caracteres",

It still works the same...

DEMO: jsfiddle.net/w09fqj3n/

Reviewing the documentation, jQuery.format is supposed to be jQuery.validator.format, but it's apparently optional.

Also, putting the DOM ready event handler inside a function that you call at the bottom of the page does not make sense...

function formVerif(){   
    $(document).ready(function(){ ....

The main purpose of the ready event handler is to "Specify a function to execute when the DOM is fully loaded." Calling it from a function at the bottom of the page renders its usage completely pointless. Just put the ready handler at the bottom if you wish to defer loading scripts until the end.

edited Jan 11, 2021 at 19:01

answered Jan 11, 2021 at 18:44

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

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

Comments

Vishal Mandora · Accepted Answer · 2022-05-23 06:26:15Z

0

 jQuery.validator.addMethod("extension", function(value, element, param) {
                            param = typeof param === "string" ? param.replace(/,/g, '|') : "png|jpe?g|gif";
                            return this.optional(element) || value.match(new RegExp(".(" + param + ")$", "i"));
                        },  jQuery.format("Please enter a value with a valid extension."));

remove jQuery.format()

answered May 23, 2022 at 6:26

Vishal Mandora

1

Collectives™ on Stack Overflow

jQuery validate error "jquery.format is not a function" after plugin update

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