Validate phone number with JavaScript
JavascriptRegexJavascript Problem Overview
I found this code in some website, and it works perfectly. It validates that the phone number is in one of these formats:
(123) 456-7890 or 123-456-7890
The problem is that my client (I don't know why, maybe client stuffs) wants to add another format, the ten numbers consecutively, something like this: 1234567890.
I'm using this regular expression,
/^(\()?\d{3}(\))?(-|\s)?\d{3}(-|\s)\d{4}$/
How can I add that it also validates the another format? I'm not good with regular expressions.
Javascript Solutions
Solution 1 - Javascript
My regex of choice is:
/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im
Valid formats:
(123) 456-7890
(123)456-7890
123-456-7890
123.456.7890
1234567890
+31636363634
075-63546725
Solution 2 - Javascript
First off, your format validator is obviously only appropriate for http://en.wikipedia.org/wiki/North_American_Numbering_Plan">NANP</a> (country code +1) numbers. Will your application be used by someone with a phone number from outside North America? If so, you don't want to prevent those people from entering a perfectly valid [international] number.
Secondly, your validation is incorrect. NANP numbers take the form NXX NXX XXXX where N is a digit 2-9 and X is a digit 0-9. Additionally, area codes and exchanges may not take the form N11 (end with two ones) to avoid confusion with special services except numbers in a non-geographic area code (800, 888, 877, 866, 855, 900) may have a N11 exchange.
So, your regex will pass the number (123) 123 4566 even though that is not a valid phone number. You can fix that by replacing \d{3} with [2-9]{1}\d{2}.
Finally, I get the feeling you're validating user input in a web browser. Remember that client-side validation is https://stackoverflow.com/questions/1726617/form-validation-with-javascript-vs-php">only a convenience you provide to the user; you still need to validate all input (again) on the server.
TL;DR don't use a regular expression to validate complex real-world data like phone numbers or URLs. Use a specialized library.
Solution 3 - Javascript
If you are looking for 10 and only 10 digits, ignore everything but the digits-
return value.match(/\d/g).length===10;
Solution 4 - Javascript
/^[+]*[(]{0,1}[0-9]{1,3}[)]{0,1}[-\s\./0-9]*$/g
> (123) 456-7890
> +(123) 456-7890
> +(123)-456-7890
> +(123) - 456-7890
> +(123) - 456-78-90
> 123-456-7890
> 123.456.7890
> 1234567890
> +31636363634
> 075-63546725
This is a very loose option and I prefer to keep it this way, mostly I use it in registration forms where the users need to add their phone number. Usually users have trouble with forms that enforce strict formatting rules, I prefer user to fill in the number and the format it in the display or before saving it to the database. http://regexr.com/3c53v
Solution 5 - Javascript
What I would do is ignore the format and validate the numeric content:
var originalPhoneNumber = "415-555-1212";
function isValid(p) {
var phoneRe = /^[2-9]\d{2}[2-9]\d{2}\d{4}$/;
var digits = p.replace(/\D/g, "");
return phoneRe.test(digits);
}
Solution 6 - Javascript
The following REGEX will validate any of these formats:
(123) 456-7890
123-456-7890
123.456.7890
1234567890
/^[(]{0,1}[0-9]{3}[)]{0,1}[-\s\.]{0,1}[0-9]{3}[-\s\.]{0,1}[0-9]{4}$/
Solution 7 - Javascript
Where str could be any of these formarts: 555-555-5555 (555)555-5555 (555) 555-5555 555 555 5555 5555555555 1 555 555 5555
function telephoneCheck(str) {
var isphone = /^(1\s|1|)?((\(\d{3}\))|\d{3})(\-|\s)?(\d{3})(\-|\s)?(\d{4})$/.test(str);
alert(isphone);
}
telephoneCheck("1 555 555 5555");
Solution 8 - Javascript
I would suggest using something clearer (especially thinking to who will have to maintain the code)... what about:
var formats = "(999)999-9999|999-999-9999|9999999999";
var r = RegExp("^(" +
formats
.replace(/([\(\)])/g, "\\$1")
.replace(/9/g,"\\d") +
")$");
where the regexp is built from a clear template ? Adding a new one would then be a no-brainer and may be even the customer itself could be able to do that in a "options" page.
Solution 9 - Javascript
Try this one - it includes validation for international formats too.
/^[+]?(1\-|1\s|1|\d{3}\-|\d{3}\s|)?((\(\d{3}\))|\d{3})(\-|\s)?(\d{3})(\-|\s)?(\d{4})$/g
This regex validates the following format:
- (541) 754-3010 Domestic
- +1-541-754-3010 International
- 1-541-754-3010 Dialed in the US
- 001-541-754-3010 Dialed from Germany
- 191 541 754 3010 Dialed from France
Solution 10 - Javascript
This will work:
/^(()?\d{3}())?(-|\s)?\d{3}(-|\s)?\d{4}$/
The ? character signifies that the preceding group should be matched zero or one times. The group (-|\s) will match either a - or a | character. Adding ? after the second occurrence of this group in your regex allows you to match a sequence of 10 consecutive digits.
Solution 11 - Javascript
/^\+?1?\s*?\(?\d{3}(?:\)|[-|\s])?\s*?\d{3}[-|\s]?\d{4}$/
Although this post is an old but want to leave my contribuition. these are accepted: 5555555555 555-555-5555 (555)555-5555 1(555)555-5555 1 555 555 5555 1 555-555-5555 1 (555) 555-5555
these are not accepted:
555-5555 -> to accept this use: ^\+?1?\s*?\(?(\d{3})?(?:\)|[-|\s])?\s*?\d{3}[-|\s]?\d{4}$
5555555 -> to accept this use: ^\+?1?\s*?\(?(\d{3})?(?:\)|[-|\s])?\s*?\d{3}[-|\s]?\d{4}$
1 555)555-5555 123**&!!asdf# 55555555 (6505552368) 2 (757) 622-7382 0 (757) 622-7382 -1 (757) 622-7382 2 757 622-7382 10 (757) 622-7382 27576227382 (275)76227382 2(757)6227382 2(757)622-7382 (555)5(55?)-5555
this is the code I used:
function telephoneCheck(str) {
var patt = new RegExp(/^\+?1?\s*?\(?\d{3}(?:\)|[-|\s])?\s*?\d{3}[-|\s]?\d{4}$/);
return patt.test(str);
}
telephoneCheck("+1 555-555-5555");
Solution 12 - Javascript
try this
/^(+{0,})(\d{0,})([(]{1}\d{1,3}[)]{0,}){0,}(\s?\d+|+\d{2,3}\s{1}\d+|\d+){1}[\s|-]?\d+([\s|-]?\d+){1,2}(\s){0,}$/gm
valid formats
- (123) 456-7890
- (123)456-7890
- 123-456-7890
- 1234567890
- +31636363634
- +3(123) 123-12-12
- +3(123)123-12-12
- +3(123)1231212
- +3(123) 12312123
- +3(123) 123 12 12
- 075-63546725
- +7910 120 54 54
- 910 120 54 54
- 8 999 999 99 99
Solution 13 - Javascript
realy simple
"9001234567".match(/^\d{10}$/g)
Solution 14 - Javascript
Regex
Use the following Regex pattern:
/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im
Like this: <input pattern="/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im">*
Valid formats:
(123) 456-7890,
(123)456-7890,
123-456-7890,
123.456.7890,
1234567890,
+31636363634 or
075-63546725
Solution 15 - Javascript
This reg ex is suitable for international phone numbers and multiple formats of mobile cell numbers.
Here is the regular expression: /^(+{1}\d{2,3}\s?[(]{1}\d{1,3}[)]{1}\s?\d+|+\d{2,3}\s{1}\d+|\d+){1}[\s|-]?\d+([\s|-]?\d+){1,2}$/
Here is the JavaScript function
function isValidPhone(phoneNumber) {
var found = phoneNumber.search(/^(\+{1}\d{2,3}\s?[(]{1}\d{1,3}[)]{1}\s?\d+|\+\d{2,3}\s{1}\d+|\d+){1}[\s|-]?\d+([\s|-]?\d+){1,2}$/);
if(found > -1) {
return true;
}
else {
return false;
}
}
This validates the following formats:
+44 07988-825 465 (with any combination of hyphens in place of space except that only a space must follow the +44)
+44 (0) 7988-825 465 (with any combination of hyphens in place of spaces except that no hyphen can exist directly before or after the (0) and the space before or after the (0) need not exist)
123 456-789 0123 (with any combination of hyphens in place of the spaces)
123-123 123 (with any combination of hyphens in place of the spaces)
123 123456 (Space can be replaced with a hyphen)
1234567890
No double spaces or double hyphens can exist for all formats.
Solution 16 - Javascript
Everyone's answers are great, but here's one I think is a bit more comprehensive...
This is written for javascript match use of a single number in a single line:
^(?!.*911.*\d{4})((\+?1[\/ ]?)?(?![\(\. -]?555.*)\( ?[2-9][0-9]{2} ?\) ?|(\+?1[\.\/ -])?[2-9][0-9]{2}[\.\/ -]?)(?!555.?01..)([2-9][0-9]{2})[\.\/ -]?([0-9]{4})$
If you want to match at word boundaries, just change the ^ and $ to \b
I welcome any suggestions, corrections, or criticisms of this solution. As far as I can tell, this matches the NANP format (for USA numbers - I didn't validate other North American countries when creating this), avoids any 911 errors (can't be in the area code or region code), eliminates only those 555 numbers which are actually invalid (region code of 555 followed by 01xx where x = any number).
Solution 17 - Javascript
This function worked for us well:
let isPhoneNumber = input => {
try {
let ISD_CODES = [93, 355, 213, 1684, 376, 244, 1264, 672, 1268, 54, 374, 297, 61, 43, 994, 1242, 973, 880, 1246, 375, 32, 501, 229, 1441, 975, 591, 387, 267, 55, 246, 1284, 673, 359, 226, 257, 855, 237, 1, 238, 1345, 236, 235, 56, 86, 61, 61, 57, 269, 682, 506, 385, 53, 599, 357, 420, 243, 45, 253, 1767, 1809, 1829, 1849, 670, 593, 20, 503, 240, 291, 372, 251, 500, 298, 679, 358, 33, 689, 241, 220, 995, 49, 233, 350, 30, 299, 1473, 1671, 502, 441481, 224, 245, 592, 509, 504, 852, 36, 354, 91, 62, 98, 964, 353, 441624, 972, 39, 225, 1876, 81, 441534, 962, 7, 254, 686, 383, 965, 996, 856, 371, 961, 266, 231, 218, 423, 370, 352, 853, 389, 261, 265, 60, 960, 223, 356, 692, 222, 230, 262, 52, 691, 373, 377, 976, 382, 1664, 212, 258, 95, 264, 674, 977, 31, 599, 687, 64, 505, 227, 234, 683, 850, 1670, 47, 968, 92, 680, 970, 507, 675, 595, 51, 63, 64, 48, 351, 1787, 1939, 974, 242, 262, 40, 7, 250, 590, 290, 1869, 1758, 590, 508, 1784, 685, 378, 239, 966, 221, 381, 248, 232, 65, 1721, 421, 386, 677, 252, 27, 82, 211, 34, 94, 249, 597, 47, 268, 46, 41, 963, 886, 992, 255, 66, 228, 690, 676, 1868, 216, 90, 993, 1649, 688, 1340, 256, 380, 971, 44, 1, 598, 998, 678, 379, 58, 84, 681, 212, 967, 260, 263],
//extract numbers from string
thenum = input.match(/[0-9]+/g).join(""),
totalnums = thenum.length,
last10Digits = parseInt(thenum) % 10000000000,
ISDcode = thenum.substring(0, totalnums - 10);
//phone numbers are generally of 8 to 16 digits
if (totalnums >= 8 && totalnums <= 16) {
if (ISDcode) {
if (ISD_CODES.includes(parseInt(ISDcode))) {
return true;
} else {
return false;
}
} else {
return true;
}
}
} catch (e) {}
return false;
}
console.log(isPhoneNumber('91-9883208806'));
Solution 18 - Javascript
Validate phone number + return formatted data
function validTel(str){
str = str.replace(/[^0-9]/g, '');
var l = str.length;
if(l<10) return ['error', 'Tel number length < 10'];
var tel = '', num = str.substr(-7),
code = str.substr(-10, 3),
coCode = '';
if(l>10) {
coCode = '+' + str.substr(0, (l-10) );
}
tel = coCode +' ('+ code +') '+ num;
return ['succes', tel];
}
console.log(validTel('+1 [223] 123.45.67'));
Solution 19 - Javascript
I have to agree that validating phone numbers is a difficult task. As for this specific problem i would change the regex from
/^(()?\d{3}())?(-|\s)?\d{3}(-|\s)\d{4}$/
to
/^(()?\d{3}())?(-|\s)?\d{3}(-|\s)?\d{4}$/
as the only one more element that becomes unnecessary is the last dash/space.
Solution 20 - Javascript
/^(()?\d{3}())?(-|\s)?\d{3}(-|\s)?\d{4}$/
The ? character signifies that the preceding group should be matched zero or one times. The group (-|\s) will match either a - or a | character.
Solution 21 - Javascript
If you using on input tag than this code will help you. I write this code by myself and I think this is very good way to use in input. but you can change it using your format. It will help user to correct their format on input tag.
$("#phone").on('input', function() { //this is use for every time input change.
var inputValue = getInputValue(); //get value from input and make it usefull number
var length = inputValue.length; //get lenth of input
if (inputValue < 1000)
{
inputValue = '1('+inputValue;
}else if (inputValue < 1000000)
{
inputValue = '1('+ inputValue.substring(0, 3) + ')' + inputValue.substring(3, length);
}else if (inputValue < 10000000000)
{
inputValue = '1('+ inputValue.substring(0, 3) + ')' + inputValue.substring(3, 6) + '-' + inputValue.substring(6, length);
}else
{
inputValue = '1('+ inputValue.substring(0, 3) + ')' + inputValue.substring(3, 6) + '-' + inputValue.substring(6, 10);
}
$("#phone").val(inputValue); //correct value entered to your input.
inputValue = getInputValue();//get value again, becuase it changed, this one using for changing color of input border
if ((inputValue > 2000000000) && (inputValue < 9999999999))
{
$("#phone").css("border","black solid 1px");//if it is valid phone number than border will be black.
}else
{
$("#phone").css("border","red solid 1px");//if it is invalid phone number than border will be red.
}
});
function getInputValue() {
var inputValue = $("#phone").val().replace(/\D/g,''); //remove all non numeric character
if (inputValue.charAt(0) == 1) // if first character is 1 than remove it.
{
var inputValue = inputValue.substring(1, inputValue.length);
}
return inputValue;
}
Solution 22 - Javascript
Just wanted to add a solution specifically for selecting non-local phone numbers(800 and 900 types).
(\+?1[-.(\s]?|\()?(900|8(0|4|5|6|7|8)\3+)[)\s]?[-.\s]?\d{3}[-.\s]?\d{4}
Solution 23 - Javascript
Try this js function. Returns true if it matches and false if it fails Ref
function ValidatePhoneNumber(phone) {
return /^\+?([0-9]{2})\)?[-. ]?([0-9]{4})[-. ]?([0-9]{4})$/.test(phone);
}
Solution 24 - Javascript
I took the one provided by @marty and modified it a little bit to accommodate more cases:
/^[\+]?([0-9][\s]?|[0-9]?)([(][0-9]{3}[)][\s]?|[0-9]{3}[-\s\.]?)[0-9]{3}[-\s\.]?[0-9]{4,6}$/im
Valid formats:
- +1 123 4567890
- +11234567890
- +1(123)4567890
- +1(123)456-7890
- +1 (123) 456-7890
- +1 (123)456 7890
- +1 123 456-7890
- +1 123 456 7890
- +1 123-456-7890
- 123-456-7890
- 123 456-7890
- 123 456 7890
- 123 4567890
- 1234567890
Solution 25 - Javascript
Simple Regular expression: /\b\d{3}[-.]?\d{3}[-.]?\d{4}\b/g
Check out the format, hope it works :
444-555-1234
f:246.555.8888
m:1235554567
Solution 26 - Javascript
\\(?\d{3}\\)?([\-\s\.])?\d{3}\1?\d{4}
This will validate any phone number of variable format:
\\(?\d{3}\\)? finds 3 digits enclosed by parenthesis or not.
([\-\s\.])? finds any of these separator characters or not
\d{3} finds 3 digits
\1 uses the first matched separator - this ensures that the separators are the same. So (000) 999-5555 will not validate here because there is a space and dash separator, so just remove the "\1" and replace with the separator sub-pattern (doing so will also validate non standard formats). You should however be format hinting for user input anyway.
\d{4} finds 4 digits
Validates:
- (000) 999 5555
- (000)-999-5555
- (000).999.5555
- (000) 999-5555
- (000)9995555
- 000 999 5555
- 000-999-5555
- 000.999.5555
- 0009995555
BTW this is for JavaScript hence to double escapes.
Solution 27 - Javascript
try this
/^[\+]?\d{2,}?[(]?\d{2,}[)]?[-\s\.]?\d{2,}?[-\s\.]?\d{2,}[-\s\.]?\d{0,9}$/im
valid formats:
- (123) 456-7890
- (123)456-7890
- 123-456-7890
- 123.456.7890
- 1234567890
- +31636363634
- +3(123) 123-12-12
- +3(123)123-12-12
- +3(123)1231212
- +3(123) 12312123
- 075-63546725
Solution 28 - Javascript
A RegExp to Argentina´s numbers: /^((+[0-9]{1,3}))?(([0-9]{8,13})|([0-9]{3,6})-([0-9]{4,7}))$/
Valids:
-
X: from 8 to 13 numbers
- XXXXXXXX separate numbers by a hyphen = X from 3 to 6; Y: from 4 to 7
- XXXX-YYYY Z: from 1 to 3
- (+Z)XXXXXXXX if you use Z then (+ ) is mandatory.
Solution 29 - Javascript
Just ignore everything but digits.
Here is what I use:
// USA phones should contain at least 10 digits. For Ukrainian phones it's OK to have only 9 digits, without leading 0 and country code prefix: [+380] 88 888-88-88.
String.prototype.isValidPhone = function(digitsCount) {
var str = this.trim().match(/\d/g);
return str && str.length >= (digitsCount || 10); // default is at least 10 digits
}