Help! Phone/Cellphone Number Validation on JavaScript

(0) Share

Report

Posted on by Community Member

Hello everyone,
What I need is an input where an user from anywhere in the world can put his Phone/Cellphone number and check if it's valid, having in count the country region and the area code.
It's supose to look something like this:
“+ (County Region) (Area Code) (Phone/Cellphone Number)"

In addition It would be great that if for example the user types +54 automaticly detects that +54 is from Argentina.

Or, Im thinking in a display that dropsdown every country with his Country Region.

Kinda like this.

(The phone/cellphone number must contain digits from 0 to 0, -, spaces,dots and parenthesis)

All I have Is this, that it doensn't validate:

884010802.Capture.PNG

Thank you,

Joaquín.

I have the same question (0)

All responses (3)

Answers (0)

Community Member on at

Like (0)

Report
Copy link

Link copied!

Hello everyone,
What I need is an input where an user from anywhere in the world can put his Phone/Cellphone number and check if it's valid, having in count the country region and the area code.
It's supose to look something like this:
“+ (Country Region) (Area Code) (Phone/Cellphone Number)"

In addition It would be great that if for example the user types +54 automaticly detects that +54 is from Argentina.

Or, Im thinking in a display that dropsdown every country with his Country Region.

Kinda like this.

All I have Is this, that it doensn't validate:

Thank you,

Joaquín.

Was this reply helpful? Yes No
necsa 3,455 on at

Like (0)

Report
Copy link

Link copied!

Hi,

Please modified following Javascript for your request.

function commonEventHandler(executionContext){

var formContext=executionContext.getFormContext():

var telephoneAttr=formContext.data.entity.attributes.getByName('telephone1');

var isNumberWithCountryCode=telephoneAttr.getValue().substring(0,1) === '+';

//telephone field will be a from control if invoked from a form onChange event

//telephone field will be editable grid Gridcell object if invoked from editable grid OnChange event

var telephoneField=telephoneAttr.controls.getByIndex(0);

if(!isNumberWithCountryCode){

telephoneField.setNotification('Please include the country code beginning with '+'.','countryCodeNotification');

}

else{

telephoneField.clearNotification('countryCodeNotification');

}

}

function commonEventHandler(executionContext) {

var formContext = executionContext.getFormContext();

var telephoneAttr = formContext.data.entity.attributes.getByName('telephone1');

var isNumberWithCountryCode = telephoneAttr.getValue().substring(0,1) === '+';

// telephoneField will be a form control if invoked from a form OnChange event;

// telephoneField will be a editable grid GridCell object if invoked from editable grid OnChange event.

var telephoneField = telephoneAttr.controls.getByIndex(0);

if (!isNumberWithCountryCode) {

telephoneField.setNotification('Please include the country code beginning with ‘+’.', 'countryCodeNotification');

}

else {

telephoneField.clearNotification('countryCodeNotification');

}

}

Was this reply helpful? Yes No
necsa 3,455 on at

Like (0)

Report
Copy link

Link copied!

The aditional following link will be also helpful for you.

www.jqueryscript.net/.../jQuery-International-Telephone-Input-With-Flags-Dial-Codes.html

Was this reply helpful? Yes No