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