AC-14403:: Investigate the latest version jquery-validate

Author: cod62627

lib/web/jquery/jquery.validate.js

@@ -1,14 +1,14 @@
 /*!
- * jQuery Validation Plugin v1.20.0
+ * jQuery Validation Plugin v1.21.0
  *
  * https://jqueryvalidation.org/
  *
- * Copyright (c) 2023 Jörn Zaefferer
+ * Copyright (c) 2024 Jörn Zaefferer
  * Released under the MIT license
  */
 (function( factory ) {
     if ( typeof define === "function" && define.amd ) {
-        define( ["jquery", "jquery/jquery.metadata"], factory );
+        define( ["jquery"], factory );
     } else if (typeof module === "object" && module.exports) {
         module.exports = factory( require( "jquery" ) );
     } else {
@@ -192,7 +192,6 @@
             data = $.validator.normalizeRules(
                 $.extend(
                     {},
-                    $.validator.metadataRules(element),
                     $.validator.classRules( element ),
                     $.validator.attributeRules( element ),
                     $.validator.dataRules( element ),
@@ -294,6 +293,7 @@
             onsubmit: true,
             ignore: ":hidden",
             ignoreTitle: false,
+            customElements: [],
             onfocusin: function( element ) {
                 this.lastActive = element;
 
@@ -441,17 +441,17 @@
                         settings[ eventType ].call( validator, this, event );
                     }
                 }
-
+                var focusListeners = [ ":text", "[type='password']", "[type='file']", "select", "textarea", "[type='number']", "[type='search']",
+                    "[type='tel']", "[type='url']", "[type='email']", "[type='datetime']", "[type='date']", "[type='month']",
+                    "[type='week']", "[type='time']", "[type='datetime-local']", "[type='range']", "[type='color']",
+                    "[type='radio']", "[type='checkbox']", "[contenteditable]", "[type='button']" ];
+                var clickListeners = [ "select", "option", "[type='radio']", "[type='checkbox']" ];
                 $( this.currentForm )
-                    .on( "focusin.validate focusout.validate keyup.validate",
-                        ":text, [type='password'], [type='file'], select, textarea, [type='number'], [type='search'], " +
-                        "[type='tel'], [type='url'], [type='email'], [type='datetime'], [type='date'], [type='month'], " +
-                        "[type='week'], [type='time'], [type='datetime-local'], [type='range'], [type='color'], " +
-                        "[type='radio'], [type='checkbox'], [contenteditable], [type='button']", delegate )
+                    .on( "focusin.validate focusout.validate keyup.validate", focusListeners.concat( this.settings.customElements ).join( ", " ), delegate )
 
                     // Support: Chrome, oldIE
                     // "select" is provided as event.target when clicking a option
-                    .on( "click.validate", "select, option, [type='radio'], [type='checkbox']", delegate );
+                    .on( "click.validate", clickListeners.concat( this.settings.customElements ).join( ", " ), delegate );
 
                 if ( this.settings.invalidHandler ) {
                     $( this.currentForm ).on( "invalid-form.validate", this.settings.invalidHandler );
@@ -648,11 +648,12 @@
 
             elements: function() {
                 var validator = this,
-                    rulesCache = {};
+                    rulesCache = {},
+                    selectors = [ "input", "select", "textarea", "[contenteditable]" ];
 
                 // Select all valid inputs inside the form (no submit or reset buttons)
                 return $( this.currentForm )
-                    .find( "input, select, textarea, [contenteditable]" )
+                    .find( selectors.concat( this.settings.customElements ).join( ", " ) )
                     .not( ":submit, :reset, :image, :disabled" )
                     .not( this.settings.ignore )
                     .filter( function() {
@@ -786,7 +787,7 @@
                     normalizer = this.settings.normalizer;
                 }
 
-                // If normalizer is defined, then call it to the changed value instead
+                // If normalizer is defined, then call it to retreive the changed value instead
                 // of using the real one.
                 // Note that `this` in the normalizer is `element`.
                 if ( normalizer ) {
@@ -1311,17 +1312,6 @@
             return rules;
         },
 
-        metadataRules: function (element) {
-            if (!$.metadata) {
-                return {};
-            }
-
-            var meta = $.data(element.form, 'validator').settings.meta;
-            return meta ?
-                $(element).metadata()[meta] :
-                $(element).metadata();
-        },
-        
         dataRules: function( element ) {
             var rules = {},
                 $element = $( element ),
@@ -1513,7 +1503,7 @@
 
             // https://jqueryvalidation.org/number-method/
             number: function( value, element ) {
-                return this.optional( element ) || /^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test( value );
+                return this.optional( element ) || /^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:-?\.\d+)?$/.test( value );
             },
 
             // https://jqueryvalidation.org/digits-method/
@@ -1624,11 +1614,12 @@
 
                 param = typeof param === "string" && { url: param } || param;
                 optionDataString = $.param( $.extend( { data: value }, param.data ) );
-                if ( previous.old === optionDataString ) {
+                if ( previous.valid !== null && previous.old === optionDataString ) {
                     return previous.valid;
                 }
 
                 previous.old = optionDataString;
+                previous.valid = null;
                 validator = this;
                 this.startRequest( element );
                 data = {};

lib/web/mage/adminhtml/form.js

@@ -34,6 +34,7 @@ define([
          */
         setHasChanges: function (element) {
             var elm;
+            console.log('test jquery/validate');
 
             if ($(element) && $(element).hasClassName('no-changes')) {
                 return;