Include selected country code with hiddenInput

jackocnr · Feb 14, 2024 · 47af197 · 47af197
1 parent 20bb2f0
commit 47af197
Show file tree

Hide file tree

Showing 11 changed files with 105 additions and 84 deletions.
diff --git a/build/js/intlTelInput-jquery.js b/build/js/intlTelInput-jquery.js
@@ -583,6 +583,12 @@
                         name: hiddenInputName
                     });
                     wrapper.appendChild(this.hiddenInput);
+                    // add a 2nd hidden input for the selected country code - this is useful for handling invalid numbers with server-side validation, as getNumber does not always include the international dial code for invalid numbers
+                    this.hiddenInputCountry = this._createEl("input", {
+                        type: "hidden",
+                        name: "".concat(hiddenInputName, "_country")
+                    });
+                    wrapper.appendChild(this.hiddenInputCountry);
                 }
             }
         }, {
@@ -679,6 +685,7 @@
                 var _this2 = this;
                 this._handleHiddenInputSubmit = function() {
                     _this2.hiddenInput.value = _this2.getNumber();
+                    _this2.hiddenInputCountry.value = _this2.getSelectedCountryData().iso2;
                 };
                 if (this.telInput.form) {
                     this.telInput.form.addEventListener("submit", this._handleHiddenInputSubmit);

diff --git a/build/js/intlTelInput-jquery.min.js b/build/js/intlTelInput-jquery.min.js
diff --git a/build/js/intlTelInput.js b/build/js/intlTelInput.js
@@ -578,6 +578,12 @@
                             name: hiddenInputName
                         });
                         wrapper.appendChild(this.hiddenInput);
+                        // add a 2nd hidden input for the selected country code - this is useful for handling invalid numbers with server-side validation, as getNumber does not always include the international dial code for invalid numbers
+                        this.hiddenInputCountry = this._createEl("input", {
+                            type: "hidden",
+                            name: "".concat(hiddenInputName, "_country")
+                        });
+                        wrapper.appendChild(this.hiddenInputCountry);
                     }
                 }
             }, {
@@ -674,6 +680,7 @@
                     var _this2 = this;
                     this._handleHiddenInputSubmit = function() {
                         _this2.hiddenInput.value = _this2.getNumber();
+                        _this2.hiddenInputCountry.value = _this2.getSelectedCountryData().iso2;
                     };
                     if (this.telInput.form) {
                         this.telInput.form.addEventListener("submit", this._handleHiddenInputSubmit);

diff --git a/build/js/intlTelInput.min.js b/build/js/intlTelInput.min.js
diff --git a/react/build/IntlTelInput.cjs.js b/react/build/IntlTelInput.cjs.js
diff --git a/react/build/IntlTelInput.cjs.js.map b/react/build/IntlTelInput.cjs.js.map
diff --git a/react/build/IntlTelInput.esm.js b/react/build/IntlTelInput.esm.js
diff --git a/react/build/IntlTelInput.esm.js.map b/react/build/IntlTelInput.esm.js.map
diff --git a/react/demo/simple-bundle.js b/react/demo/simple-bundle.js
diff --git a/react/demo/validation-bundle.js b/react/demo/validation-bundle.js
diff --git a/src/js/intlTelInput.js b/src/js/intlTelInput.js
@@ -520,6 +520,12 @@ class Iti {
         name: hiddenInputName
       });
       wrapper.appendChild(this.hiddenInput);
+      // add a 2nd hidden input for the selected country code - this is useful for handling invalid numbers with server-side validation, as getNumber does not always include the international dial code for invalid numbers
+      this.hiddenInputCountry = this._createEl("input", {
+        type: "hidden",
+        name: `${hiddenInputName}_country`
+      });
+      wrapper.appendChild(this.hiddenInputCountry);
     }
   }
 
@@ -633,6 +639,7 @@ class Iti {
   _initHiddenInputListener() {
     this._handleHiddenInputSubmit = () => {
       this.hiddenInput.value = this.getNumber();
+      this.hiddenInputCountry.value = this.getSelectedCountryData().iso2;
     };
     if (this.telInput.form) {
       this.telInput.form.addEventListener(