vue-phone-number-input

A phone number input made with Vue JS (format & valid phone number)

MIT License

Downloads
70.2K
Stars
607
Committers
7

Bot releases are visible (Hide)

vue-phone-number-input - 1.1.9: Sync input & loader color Latest Release

Published by LouisMazel over 4 years ago

Changelog

fix

  • Synchronize input & loader color

Changelog

feature

  • Auto-reconize country code and national number from number prefixed

Ex: Init the component withv-model = +33612345678
---> the component's country selector is set & the update event return

{ 
  countryCode: "FR",
  isValid: true,
  phoneNumber: "612345678",
  countryCallingCode: "33",
  formattedNumber: "+33612345678",
  nationalNumber: "612345678", 
  formatInternational: "+33 6 12 34 56 78",
  formatNational: "06 12 34 56 78", 
  uri: "tel:+33612345678", 
  e164: "+33612345678" 
}

Works when you entering the number and if the country code is null

update

  • Update & support libphonenumber-js dependency to 1.7.51
vue-phone-number-input - 1.1.7: fix(country iso code) issue with update programmatically

Published by LouisMazel over 4 years ago

vue-phone-number-input - Fix: Dark color management

Published by LouisMazel over 4 years ago

vue-phone-number-input - 1.1.5: Bug fix search feature of country selector

Published by LouisMazel over 4 years ago

Thanks @hitesh399

vue-phone-number-input - 1.1.2: Fix form submit when you choose a country

Published by LouisMazel almost 5 years ago

vue-phone-number-input - 1.1.1: Fix wrong params in @click event when you chose a country

Published by LouisMazel almost 5 years ago

vue-phone-number-input - 1.1.0: Improvements

Published by LouisMazel almost 5 years ago

ChangeLog

  • Accessibility improvements (country selector: same behavior as a native select input) #64
  • Colors Management: Use computed style to have more browsers compatibility (>= IE9) #64
  • Virtual Dom on list to improve performance (mobile) #67
vue-phone-number-input - 1.0.9: UI improvements

Published by LouisMazel almost 5 years ago

Changelog

  • Better UI on focus each element
  • Close/Open methods improvements (Open on Arrow down/up & Enter)
  • New arrow svg on select input
vue-phone-number-input - 1.0.8 : Support error color & open/close countries list improvement

Published by LouisMazel almost 5 years ago

Changelog

  • Add option to change the error color, ex: error-color="red" #59
  • Improvement : Open/close method to show the countries list #60

#61 Release 1.0.8

Merci @antoine92190

vue-phone-number-input - 1.0.7: Fix UI spacing when country code component do not have a value

Published by LouisMazel almost 5 years ago

vue-phone-number-input - 1.0.6: Add option 'show-code-on-list'

Published by LouisMazel almost 5 years ago

Changelog

  • Now you showing the calling code on the countries list with show-code-on-list option
vue-phone-number-input - 1.0.5: Fix error & valid state UI

Published by LouisMazel almost 5 years ago

vue-phone-number-input - 1.0.4: CSS improvements

Published by LouisMazel almost 5 years ago

Changelog

  • Resolve CSS conflicts with Vuetify
vue-phone-number-input - 1.0.3: Bugs fix - Theme for IE11 & valid color box-shadow

Published by LouisMazel almost 5 years ago

vue-phone-number-input - 1.0.1: Add theme, dark color, border radius & refacto

Published by LouisMazel almost 5 years ago

vue-phone-number-input - 0.2.7 : Bugs fix & new feature & nuxt compatibility

Published by LouisMazel almost 5 years ago

Bugs fix:

  • Fix bug with argentina phone number #42
  • Fix valid & focus state #47
  • Fix phone validation on initialization
  • Fix preferred countries sort #43

Feature:

  • Add option (no-country-selector) to hide the country selector (you can use the component to only validate phone numbers) #46
  • Expose countryCallingCode on update payload #44

Compatibility:

  • Improve compatibility with nuxt
vue-phone-number-input - 0.2.6 - Add feature - Fetching country code with ip2c.org

Published by LouisMazel almost 5 years ago

Now with fetch-country attribute (prop) you can fetch the country code via ip2c.org

The network is needed

vue-phone-number-input - 0.2.5 - Fix auto fetch locale with browser's locale

Published by LouisMazel almost 5 years ago

vue-phone-number-input - 0.2.4 : Fix bug when you use backspace key to delete a digit in number with parentheses

Published by LouisMazel about 5 years ago

Package Rankings
Top 1.57% on Npmjs.org
Badges
Extracted from project README
license vue 2 npm npm Codacy grade npm
Related Projects