luci-base: prevent empty field for adding new named section in JavaScript

Suggested-by: Helge Mader <ma@dev.tdt.de>
Signed-off-by: Florian Eckert <fe@dev.tdt.de>

diff --git a/modules/luci-base/htdocs/luci-static/resources/form.js b/modules/luci-base/htdocs/luci-static/resources/form.js
index 29e8fa7f05575ab762e9fa74cb655ae4a95346a6..e9c8d2eb00dd44b2da968e5228cab80ffca54135 100644 (file)
--- a/modules/luci-base/htdocs/luci-static/resources/form.js
+++ b/modules/luci-base/htdocs/luci-static/resources/form.js
@@ -2212,11 +2212,21 @@ var CBITypedSection = CBIAbstractSection.extend(/** @lends LuCI.form.TypedSectio
 
                                                return this.handleAdd(ev, nameEl.value);
                                        }),
-                                       'disabled': this.map.readonly || null
+                                       'disabled': true
                                }, [ btn_title || _('Add') ])
                        ]);
 
-                       ui.addValidator(nameEl, 'uciname', true, 'blur', 'keyup');
+                       ui.addValidator(nameEl, 'uciname', true, function(v) {
+                               var button = document.querySelector('.cbi-section-create > .cbi-button-add');
+                               if (v !== '') {
+                                       button.disabled = false;
+                                       return true;
+                               }
+                               else {
+                                       button.disabled = true;
+                                       return _('Expecting: %s').format(_('non-empty value'));
+                               }
+                       }, 'blur', 'keyup');
                }
 
                return createEl;