Ionic Framework how to add form for mobile number with country code?

Question

I want to add a form for entering Mobile Number. But want to ask the user to enter the country code as well so that a verification SMS can be sent over the number.

What I want is:

Enter Your Mobile Number. : |(country code)| |(mobile no.)|

How can I do this?

Take two input elements for both country code and mobile number... while sending SMS combine both numbers and send — HARITHA UPPARA, Apr 01 '16 at 09:16
It's unclear what you are really asking for? What have you tried so far? — henrikmerlander, Apr 01 '16 at 09:56

score 1 · Accepted Answer · answered Apr 01 '16 at 09:57

1

sample code:

<input class="input" ng-model="countryCode" placeholder="Country Code"></input>
<input class="input" ng-model="mobileNumber" placeholder="Mobile Number"></input>

answered Apr 01 '16 at 09:57

HARITHA UPPARA

274
2
9

Yes this is what I wanted... But how to make country code input element smaller than mobile number? – Himanshu K Apr 01 '16 at 10:17
how to make country code form smaller than mobile number form so that only 3-4 characters can be entered..?? – Himanshu K Apr 07 '16 at 12:29
please go through this link... http://stackoverflow.com/questions/18510845/maxlength-ignored-for-input-type-number-in-chrome – HARITHA UPPARA Apr 11 '16 at 07:02
use maxlength="5" in html – HARITHA UPPARA Apr 12 '16 at 12:55
@HARITHAUPPARA, for the same question, i want to add dropdown with all the country codes instead of entering country code manually. How can i do that – Shaik Jun 20 '19 at 07:36

Ionic Framework how to add form for mobile number with country code?

1 Answers1