Ionic Phone Number Validator

Ionic Phone Number Validator

Georgous phone number validator component

$10.00

(2)
Iclic Labs

Iclic Labs

Member since 2014

Details

Version:
1.1
Size:
3mb
Ionic:
1.x
Platforms:
iOS, Android, Windows Phone
View ID:
d66d092d
Released:
5 years ago
Updated:
3 years ago
Category:
Plugins
Tags:
authentication, phonenumber, phone, login

Thanks to all of you who have downloaded this plugin! Please consider leaving a rating and review, it would be really helpful to get your feedbacks. Thanks.


Plugin by icliclabs.com

Description

Ionic Phone Number Validator is a beautiful component allowing you to add phone number validation to your Ionic app. It is ideal for phone based authentication. You can also use this component anywhere in your app whenever you need to validate a real phonenumber. You can plug this component with your preferred SMS service (i.e Twilio for instance).

Test Before You Buy

You can test the app using Ionic View and enter the app id d66d092d.

Features

  1. Works with iOS, Android and Windows Phone.
  2. Works for list pages, explore pages, category pages, directory, etc.
  3. Easy to include in your existing app.
  4. The directive is very easy to use.
  5. Compatible with your existing code.
  6. This component contains an easy to use directive. It comes with the AirBnb, restaurants list and artists directory page example
  7. This component has well structured html, css and js files and is heavily commented, so that it is easy to edit, add your style, etc.

Installation

  1. Works with iOS, Android and Windows Phone.
  2. Works with all the countries in the world.
  3. Connects easily with any backend.
  4. Easy customization of the default country code.
  5. If you don't want to use the country code list, the selector is easily removable.
  6. Easy customization of all the texts, logos and images.
  7. The country list is very simple to update.
  8. This component contains the phone number form page with a modal to select the country code. After entering a valid phone number, the user is redirected to another page to enter the confirmation code. Ionic Phone Number Validator has only one dependency, it uses the libphonenumber library from Google to validate phone numbers. You can update/modify the country list order.

It's worth mentioning that this project does not come with the backend part of the app, it's meant to be as generic as possible so it can work with any backend solution. The component comes with an AngularJS service with 2 functions to implement sendConfirmationCode and verifyConfirmationCode. Sending a confirmation code from the backend could be easily done with Twilio (http://twilio.github.io/twilio-node/) or Verify (https://www.nexmo.com/product/verify/).

This component has well structured html, css and js files and is heavily commented, so that it is easy to edit, add your style, connect to your backend, etc.

That's all!

Other Popular Plugins:

  1. Ionic Categories: Ionic v2.x/v3.x
  2. Ionic Passcode Square: Ionic v2.x/v3.x
  3. Ionic Passcode Flat: Ionic v2.x/v3.x
  4. Ionic Passcode Round: Ionic v2.x/v3.x
  5. Ionic Shrinking Header: Ionic v2.x/v3.x
  6. Ionic Material Sidemenu: Ionic v2.x/v3.x
  7. Ionic Walkthrough: Ionic v2.x/v3.x
  8. Ionic Contacts Inviter: Ionic v2.x/v3.x
  9. Ionic Cover Header: Ionic v1.x - Ionic v2.x/v3.x
  10. Ionic Profile Header: Ionic v2.x/v3.x
  11. Ionic Numeric Keyboard: Ionic v1.x - Ionic v2.x/v3.x
  12. Ionic Phone Number Validator: Ionic v1.x
  13. Ionic Cover Item: Ionic v1.x
  14. Ionic Timer: Ionic v1.x

Need Custom Work?

If you need help with your Ionic apps, if you need a specific plugin or integration. Let's get in touch. I'll be glad to develop or advise you for your app! Email me at icl1clabs@gmail.com.

Hey there! You'll need to log in before you can leave a comment here.

zsvc

zsvc   ·   4 years ago

can you provide APK test?

Iclic Labs

Iclic Labs   ·   4 years ago

The component is available on ionic view (d66d092d).

Gaurav Chandra

Gaurav Chandra   ·   4 years ago

If we buy, and there are updates to this component, will the updates be available to us?

Iclic Labs

Iclic Labs   ·   4 years ago

Hi Gaurav, Yes, once you have bought this plugin, if I publish an update you will be able to download it without paying again.

Stewart McCoy

Stewart McCoy   ·   4 years ago

Hey! Does this plugin provide a random number generator for verification codes?

Iclic Labs

Iclic Labs   ·   4 years ago

Hi Stewart, this plugin does NOT send validation codes. You have to plug your back end. If you don't know what to use, you can use https://www.nexmo.com/product/verify/ or http://twilio.github.io/twilio-node/.

Stewart McCoy

Stewart McCoy   ·   4 years ago

Hey, sorry about that. I actually understood that I need a mechanism for sending the code, but I was previously unclear on how to generate the code. Now, it's obvious, I just set a variable using var verificationCode = Math.floor(Math.random()*9999); for example.

Luis Martinez

Luis Martinez   ·   4 years ago

Does this plugin catches the received code (like whatsapp) or the only option is to copy-paste it from the SMS?

Iclic Labs

Iclic Labs   ·   4 years ago

Hi Luis, No, this plugin does not read the SMS with code. It is only copy paste for now.

Umar

Umar   ·   4 years ago

hey I found a problem with backspacing/deleting numbers once you entered them. To replicate, Choose country as Singapore, add any number that starts with 0 and try to backspace/delete. The backspacing will get stuck on the spaces. Need your help urgently on this

Iclic Labs

Iclic Labs   ·   4 years ago

Hey Umar, Please contact me with more information at icl1clabs@gmail (ionic version, devices used, screenshots, some sample code, etc). Cheers.

Rajkiran Panuganti

Rajkiran Panuganti   ·   4 years ago

any plans for ionic-v2 version ?

Iclic Labs

Iclic Labs   ·   4 years ago

Hey Rajkiran, Yes, in a few weeks once the ionic v2 is getting more stable. Cheers

Dominic

Dominic   ·   4 years ago

window.phoneUtils.formatE164 is not a function.. can you help me on this

Iclic Labs

Iclic Labs   ·   4 years ago

Hi Dominic, make sure to include all the javascript files like it is done in index.html. If you have other issues please email me at icl1clabs@gmail.com. Cheers.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

nyle m

nyle m   ·   4 years ago

what about ionic v2?

Iclic Labs

Iclic Labs   ·   4 years ago

Hey @nylem, it will come but no timeframe yet. I am waiting for the ng2 to get more stable.

Jonathan Salomon

Jonathan Salomon   ·   3 years ago

So how about that v2 version? I would buy it for the project I am working on now...

Iclic Labs

Iclic Labs   ·   3 years ago

Thanks for your interest Jonathan. I started working on the migration of my plugins, I did migrate a couple of them, this one is the next one. Stay tuned.

Jonathan Salomon

Jonathan Salomon   ·   3 years ago

Thanks for responding icl1c labs. I was just wondering if you have any idea when it will be. Just so I know whether to wait for it or write something myself? Thanks!

Iclic Labs

Iclic Labs   ·   3 years ago

not within a month, so you should probably go for it :)

Jonathan Salomon

Jonathan Salomon   ·   3 years ago

OK thanks for the update

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Russel Olinger

Russel Olinger   ·   3 years ago

1. Is this plugin using the in phone sms ability or is it using an external URL to send the SMS messages? There is the cordova-sms-plugin that works natively for Android, but for iOS it requires opening up the iPhones sms application. Thus I am curious how its being done - particularly for iOS. 2. I have my own forms, code generator and validator, can I easily/simply just the SMS part to send the message?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Nikica Asanin

Nikica Asanin   ·   3 years ago

I didnt get any SMS to my phone? whe i try to test it??why?

Iclic Labs

Iclic Labs   ·   3 years ago

hey Nikica, It is mentioned on the description that this plugin does not come with a backend: "It's worth mentioning that this project does not come with the backend part of the app, it's meant to be as generic as possible so it can work with any backend solution."

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Franck Neo

Franck Neo   ·   3 years ago

Hello there, one small issue. When I'm tying a phone number on android the caret moves after the 3rd digit and i start inserting numbers before the last digit. 092 |222 222

Iclic Labs

Iclic Labs   ·   3 years ago

Thanks for reaching out by email, let's follow up over there. Thank you.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Adam S

Adam S   ·   3 years ago

Do you have one working for ionic 2? Do you have a working copy with twilio where we can just replace key and such for purchase?

Iclic Labs

Iclic Labs   ·   3 years ago

Hey Adam, sorry I didn't get back to you yesterday. I am working on the ionic 2 version but no release date yet. Also, I do not have a working Twilio, but you should use Authy(got acquired by twilio): https://www.twilio.com/two-factor-authentication

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Sean Freeman

Sean Freeman   ·   3 years ago

Hi there, any update on the Ionic 2 version of this?

Iclic Labs

Iclic Labs   ·   3 years ago

Hello @SeanFreeman, it is planned but not for right now.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Borja Alonso Melero

Borja Alonso Melero   ·   3 years ago

The preview does not work. It does not send any code to the phone number.

Iclic Labs

Iclic Labs   ·   3 years ago

Hi @BorjaAlonsoMelero, this plugin contains the UI components only. You need to link your own backend system (using twilio for instance)

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Goti Service

Goti Service   ·   2 years ago

Hello, Thank you very much for the plugin, it saves my time ! Now, I got the plugin and the twilio Authy trail . But the problem is I am just rounding without any solution to add the Authy with this plugin ! Can you please help me to test it out / help me to connect twilio authy with the application please. Regards

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Goti Service

Goti Service   ·   2 years ago

Hello, Thank you very much for the plugin, it saves my time ! Now, I got the plugin and the twilio Authy trail . But the problem is I am just rounding without any solution to add the Authy with this plugin ! Can you please help me to test it out / help me to connect twilio authy with the application please. Regards

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Borja Alonso Melero

Borja Alonso Melero   ·   3 years ago

The preview does not work. It does not send any code to the phone number.

Iclic Labs

Iclic Labs   ·   3 years ago

Hi @BorjaAlonsoMelero, this plugin contains the UI components only. You need to link your own backend system (using twilio for instance)

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Sean Freeman

Sean Freeman   ·   3 years ago

Hi there, any update on the Ionic 2 version of this?

Iclic Labs

Iclic Labs   ·   3 years ago

Hello @SeanFreeman, it is planned but not for right now.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Adam S

Adam S   ·   3 years ago

Do you have one working for ionic 2? Do you have a working copy with twilio where we can just replace key and such for purchase?

Iclic Labs

Iclic Labs   ·   3 years ago

Hey Adam, sorry I didn't get back to you yesterday. I am working on the ionic 2 version but no release date yet. Also, I do not have a working Twilio, but you should use Authy(got acquired by twilio): https://www.twilio.com/two-factor-authentication

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Franck Neo

Franck Neo   ·   3 years ago

Hello there, one small issue. When I'm tying a phone number on android the caret moves after the 3rd digit and i start inserting numbers before the last digit. 092 |222 222

Iclic Labs

Iclic Labs   ·   3 years ago

Thanks for reaching out by email, let's follow up over there. Thank you.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Nikica Asanin

Nikica Asanin   ·   3 years ago

I didnt get any SMS to my phone? whe i try to test it??why?

Iclic Labs

Iclic Labs   ·   3 years ago

hey Nikica, It is mentioned on the description that this plugin does not come with a backend: "It's worth mentioning that this project does not come with the backend part of the app, it's meant to be as generic as possible so it can work with any backend solution."

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Russel Olinger

Russel Olinger   ·   3 years ago

1. Is this plugin using the in phone sms ability or is it using an external URL to send the SMS messages? There is the cordova-sms-plugin that works natively for Android, but for iOS it requires opening up the iPhones sms application. Thus I am curious how its being done - particularly for iOS. 2. I have my own forms, code generator and validator, can I easily/simply just the SMS part to send the message?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

nyle m

nyle m   ·   4 years ago

what about ionic v2?

Iclic Labs

Iclic Labs   ·   4 years ago

Hey @nylem, it will come but no timeframe yet. I am waiting for the ng2 to get more stable.

Jonathan Salomon

Jonathan Salomon   ·   3 years ago

So how about that v2 version? I would buy it for the project I am working on now...

Iclic Labs

Iclic Labs   ·   3 years ago

Thanks for your interest Jonathan. I started working on the migration of my plugins, I did migrate a couple of them, this one is the next one. Stay tuned.

Jonathan Salomon

Jonathan Salomon   ·   3 years ago

Thanks for responding icl1c labs. I was just wondering if you have any idea when it will be. Just so I know whether to wait for it or write something myself? Thanks!

Iclic Labs

Iclic Labs   ·   3 years ago

not within a month, so you should probably go for it :)

Jonathan Salomon

Jonathan Salomon   ·   3 years ago

OK thanks for the update

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Dominic

Dominic   ·   4 years ago

window.phoneUtils.formatE164 is not a function.. can you help me on this

Iclic Labs

Iclic Labs   ·   4 years ago

Hi Dominic, make sure to include all the javascript files like it is done in index.html. If you have other issues please email me at icl1clabs@gmail.com. Cheers.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Iclic Labs

Iclic Labs   ·   4 years ago

Hey Rajkiran, Yes, in a few weeks once the ionic v2 is getting more stable. Cheers

Iclic Labs

Iclic Labs   ·   4 years ago

The component is available on ionic view (d66d092d).

Iclic Labs

Iclic Labs   ·   4 years ago

Hey Umar, Please contact me with more information at icl1clabs@gmail (ionic version, devices used, screenshots, some sample code, etc). Cheers.

Umar

Umar   ·   4 years ago

hey I found a problem with backspacing/deleting numbers once you entered them. To replicate, Choose country as Singapore, add any number that starts with 0 and try to backspace/delete. The backspacing will get stuck on the spaces. Need your help urgently on this

Iclic Labs

Iclic Labs   ·   4 years ago

Hi Luis, No, this plugin does not read the SMS with code. It is only copy paste for now.

Luis Martinez

Luis Martinez   ·   4 years ago

Does this plugin catches the received code (like whatsapp) or the only option is to copy-paste it from the SMS?

Stewart McCoy

Stewart McCoy   ·   4 years ago

Hey, sorry about that. I actually understood that I need a mechanism for sending the code, but I was previously unclear on how to generate the code. Now, it's obvious, I just set a variable using var verificationCode = Math.floor(Math.random()*9999); for example.

Iclic Labs

Iclic Labs   ·   4 years ago

Hi Stewart, this plugin does NOT send validation codes. You have to plug your back end. If you don't know what to use, you can use https://www.nexmo.com/product/verify/ or http://twilio.github.io/twilio-node/.

Stewart McCoy

Stewart McCoy   ·   4 years ago

Hey! Does this plugin provide a random number generator for verification codes?

Iclic Labs

Iclic Labs   ·   4 years ago

Hi Gaurav, Yes, once you have bought this plugin, if I publish an update you will be able to download it without paying again.

Gaurav Chandra

Gaurav Chandra   ·   4 years ago

If we buy, and there are updates to this component, will the updates be available to us?

zsvc

zsvc   ·   4 years ago

can you provide APK test?

Rajkiran Panuganti

Rajkiran Panuganti   ·   4 years ago

any plans for ionic-v2 version ?

Hey there! You'll need to log in and purchase the add-on before you can leave a rating here.

Brent Daugherty   ·     ·   4 years ago

Had one small issue due to one of the angular libraries having a bug in the most recent version (unrelated to this plugin). Didier researched the issue and found a fix in a matter of minutes after sending an email. Highly recommended. Well worth every penny.

Goti Service   ·     ·   2 years ago

Excellent plugin, it helps to save my time and my project.

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

Goti Service    ·     ·   2 years ago

Excellent plugin, it helps to save my time and my project.

Brent Daugherty    ·     ·   4 years ago

Had one small issue due to one of the angular libraries having a bug in the most recent version (unrelated to this plugin). Didier researched the issue and found a fix in a matter of minutes after sending an email. Highly recommended. Well worth every penny.