disallowed formatting a phone with the 'customValidate' property, remove unnecessary 'disabledFormatting' property

Author: AlexanderJet

README-v2.md

@@ -103,7 +103,6 @@ Read more on `vue-form-generator`'s [instruction page](https://icebob.gitbooks.i
   | `defaultCountry` | `String` | `''` | Default country, will override the country fetched from IP address of user |
   | `disabledFetchingCountry` | `Boolean` | `false` | Disable fetching current country based on IP address of user |
   | `disabled` | `Boolean` | `false` | Disable input field |
-  | `disabledFormatting` | `Boolean` | `false` | Disable formatting the phone number in the input, the formatted result still be accessible by `formattedNumber` returned from `onInput` event |
   | `placeholder` | `String` | Enter a phone number | Placeholder for the input |
   | `required` | `Boolean` | `false` | Required property for HTML5 required attribute |
   | `enabledCountryCode` | `Boolean` | `false` | Enable country code in the input |

README.md

@@ -163,7 +163,6 @@ Read more on `vue-form-generator`'s [instruction page](https://icebob.gitbooks.i
   | `defaultCountry` | `String` | `''` | Default country, will override the country fetched from IP address of user |
   | `disabled` | `Boolean` | `false` | Disable input field |
   | `disabledFetchingCountry` | `Boolean` | `false` | Disable fetching current country based on IP address of user |
-  | `disabledFormatting` | `Boolean` | `false` | Disable formatting the phone number in the input, the formatted result still be accessible by `formattedNumber` returned from `onInput` event |
   | `dropdownOptions` | `Object` | `{ disabledDialCode: false, tabindex: 0 }` | Options for dropdown, supporting `disabledDialCode` and `tabindex`| 
   | `dynamicPlaceholder` | `Boolean` | `false` | Placeholder as a sample phone number in the current country, available from [v3.1.1](https://github.com/EducationLink/vue-tel-input/releases/tag/v3.1.1) |
   | `enabledCountryCode` | `Boolean` | `false` | Enable country code in the input |

src/App.vue

@@ -9,7 +9,7 @@
       <div style="width: 500px; margin: 20px auto;">
         <vue-tel-input
           :preferred-countries="['us', 'gb', 'ua']"
-          :valid-characters-only="true"
+          :custom-validate="/^[0-9]*$/"
           @input="onInput"/>
       </div>
       <div

src/components/vue-tel-input.vue

@@ -133,10 +133,6 @@ export default {
       type: Boolean,
       default: () => getDefault('disabled'),
     },
-    disabledFormatting: {
-      type: Boolean,
-      default: () => getDefault('disabledFormatting'),
-    },
     mode: {
       type: String,
       default: () => getDefault('mode'),
@@ -252,6 +248,9 @@ export default {
       return this.placeholder;
     },
     parsedMode() {
+      if (this.customValidate) {
+        return 'input';
+      }
       if (this.mode) {
         if (!['international', 'national'].includes(this.mode)) {
           console.error('Invalid value of prop "mode"');

src/utils.js

@@ -35,7 +35,6 @@ export const defaultOptions = {
   placeholder: 'Enter a phone number',
   disabledFetchingCountry: false,
   disabled: false,
-  disabledFormatting: false,
   mode: '',
   invalidMsg: '',
   required: false,