Fixed ajax validation for embedded fields

Author: unclead

examples/views/embedded-input.php

@@ -11,14 +11,14 @@
 /* @var $model ExampleModel */
 
 $commonAttributeOptions = [
-    'enableAjaxValidation'   => false,
+    'enableAjaxValidation'   => true,
     'enableClientValidation' => false,
     'validateOnChange'       => false,
     'validateOnSubmit'       => true,
     'validateOnBlur'         => false,
 ];
 
-$enableActiveForm = false;
+$enableActiveForm = true;
 ?>
 
 <?php

src/MultipleInput.php

@@ -113,7 +113,7 @@ class MultipleInput extends InputWidget
 
     /**
      * @var bool whether the widget is embedded or not.
-     * @internal this property is used for internal purposes. Do not use it in your code. 
+     * @internal this property is used for internal purposes. Do not use it in your code.
      */
     public $isEmbedded;
 
@@ -190,7 +190,7 @@ protected function guessColumns()
     public function run()
     {
         $content = '';
-        if ($this->hasModel()) {
+        if ($this->hasModel() && $this->isEmbedded === false) {
             $content .= Html::hiddenInput(Html::getInputName($this->model, $this->attribute), null, [
                 'id' => Html::getInputId($this->model, $this->attribute)
             ]);

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

@@ -341,10 +341,25 @@
             return;
         }
 
-        var data = wrapper.data('multipleInput');
-        var bareID = id.replace(/-\d/, '').replace(/-\d-/, '');
+        var data = wrapper.data('multipleInput'),
+            attributeOptions = {};
+
+        // try to find options for embedded attribute at first.
+        // For example the id of new input is example-1-field-0.
+        // We remove last index and check whether attribute with such id exists or not.
+        var bareId = id.replace(/-\d-([^\d]+)$/, '-$1');
+        if (data.settings.attributes.hasOwnProperty(bareId)) {
+            attributeOptions = data.settings.attributes[bareId];
+        } else {
+            // fallback in case of using flatten widget - just remove all digital indexes and check whether attribute
+            // exists or not.
+            bareId = bareId.replaceAll(/-\d-/, '-').replaceAll(/-\d/, '');
+            if (data.settings.attributes.hasOwnProperty(bareId)) {
+                attributeOptions = data.settings.attributes[bareId];
+            }
+        }
 
-        form.yiiActiveForm('add', $.extend({}, data.settings.attributes[bareID], {
+        form.yiiActiveForm('add', $.extend({}, attributeOptions, {
             'id': id,
             'input': '#' + id,
             'container': '.field-' + id