https://devcodepro.comdevcodepro

Validating international phone numbers

Validating international phone numbers with jquery

<!DOCTYPE html>
<html> 
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<input type="text" id="number" name="phonenumber" />
<script>
jQuery('#number').keyup(function () { 
this.value = this.value.replace(/[^0-9.s+()]/g,'');
});
</script>
</body>
</html>

rated 2 times (2) (0)

comments: 1 / hits: 2296 / 4 years ago, sun, sep 25, 16, 02:52:42

Comments

You may use this..

Code:

<!DOCTYPE html>
<html> 
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<input type="text" id="number" name="phonenumber" />
<script>
jQuery('#number').keypress(function(e) {
var numbersTyped = String.fromCharCode(e.which);
if (/[^0-9.s+()]/i.test(numbersTyped)) {
 alert("This is not valid phone number. Please enter the phone number in format +12144454567");
 $("#number").val('');
 return false;
}
if($(this).val().length >= 12) {
 $(this).val($(this).val().slice(11, 12));
 alert("This is not valid phone number. Please enter the phone number in format +12144454567");
 $("#number").val('');
 return false;
}
});
jQuery('.numbersOnly').keyup(function () { 
this.value = this.value.replace(/[^0-9\.]/g,'');
});
</script>
</body>
</html>