(fix) ajax validation doesn't work for newly added/cloned inputs

Author: Eugene Tupikov

CHANGELOG.md

@@ -1,9 +1,13 @@
 Yii2 multiple input change log
 ==============================
 
-2.27.0 (in development)
+2.28.0 (in development)
 =======================
 
+2.27.0
+======
+- #367 (fix) ajax validation doesn't work for newly added/cloned inputs
+
 2.26.2
 ======
 - prevent error loop in case of undefined $wrapper.data('multipleInput') (cebe)

README.md

@@ -8,7 +8,7 @@ Yii2 widget for handle multiple inputs for an attribute of model and tabular inp
 [![License](https://poser.pugx.org/unclead/yii2-multiple-input/license)](https://packagist.org/packages/unclead/yii2-multiple-input)
 
 ## Latest release
-The latest stable version of the extension is v2.26.2 Follow the [instruction](./UPGRADE.md) for upgrading from previous versions
+The latest stable version of the extension is v2.27.0 Follow the [instruction](./UPGRADE.md) for upgrading from previous versions
 
 ## Installation
 The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jquery.multipleInput",
-  "version": "2.26.2",
+  "version": "2.27.0",
   "description": "jQuery multipleInput",
   "scripts": {
     "build": "npm install && (gulp || node node_modules/gulp/bin/gulp.js)"

src/assets/src/js/jquery.multipleInput.js

@@ -363,11 +363,6 @@
                     }
                 }
             }
-
-
-            if (isActiveFormEnabled) {
-                addActiveFormAttribute($element);
-            }
         });
 
         if (settings.prepend) {
@@ -376,6 +371,15 @@
             $newRow.hide().appendTo(inputList).fadeIn(300);
         }
 
+        // in order to initialize an active form attribute we need to find an input wrapper and we can do it
+        // only after adding a new rows to dom tree
+        if (isActiveFormEnabled) {
+            $newRow.find('input, select, textarea').each(function (index, element) {
+                let $element = $(element);
+                addActiveFormAttribute($element);
+            });
+        }
+
         let jsTemplate = null;
         for (var i in settings.jsTemplates) {
             jsTemplate = settings.jsTemplates[i];
@@ -438,7 +442,6 @@
             wrapper = ele.closest('.multiple-input').first(),
             form = ele.closest('form');
 
-
         // do not add attribute which are not the part of widget
         if (wrapper.length === 0) {
             return;