<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>手机和电话号码验证正则表达式</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
var Validate = {
isTel: function (s) {
var patrn = /^((\+?86)|(\(\+86\)))?\d{3,4}-\d{7,8}(-\d{3,4})?$/
if (!patrn.exec(s)) return false
return true
},
isMobile: function (value) {
var validateReg = /^((\+?86)|(\(\+86\)))?1\d{10}$/;
return validateReg.test(value);
},
cellPhone: function () {
var cellPhoneNumber = $("#txtCellPhone").val();
if (!Validate.isMobile(cellPhoneNumber)) {
alert("手机号码格式不正确");
return false;
}
else {
alert("您的手机号码格式是正确的");
}
},
telePhone: function () {
var telePhoneNumber = $("#txttelePhone").val();
if (!Validate.isTel(telePhoneNumber)) {
alert("电话号码格式不正确");
return false;
}
else {
alert("您的电话号码格式是正确的");
}
}
}
$(document).ready(function(){
$("#telbt").click(function(){Validate.cellPhone();})
$("#mobilebt").click(function(){Validate.telePhone();})
})
</script>
</head>
<body>
<div>
手机号码(支持+86):
<input type="text" id="txtCellPhone" />
<input type="button" id="telbt" value="验证"/><br />
电话号码(支持+86):
<input type="text" id="txttelePhone" />
<input type="button" id="mobilebt" value="验证"/><br />
</div>
</body>
</html>