phone number validation javascript code example

Example 1: js regex validate phone number

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

Example 2: mobile number validation in javascript

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<form method="post" action="">
	Email:<input type="text"  id="number" onkeyup="validation()">
	</form>
</body>
<script type="text/javascript">
	function validation(){
	var number=document.getElementById("number").value;///get id with value 
	var numberpattern=/^\+?([0-9]{2})\)?[-. ]?([0-9]{4})[-. ]?([0-9]{4})$/;////Regular expression
	if(numberpattern.test(number))
	   {
		document.getElementById("number").style.backgroundColor='yellow';
       }
    else
      {
    	document.getElementById("number").style.backgroundColor='red'; 
      }
	}

</script>
</html>

Example 3: js validate phone number

/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im