常见Javascript验证电话/手机的示例
直接上代码:
电话号码:<input type="text" id="TelPrefix" size="4" MaxLength="4"> - <input type="text" id="TelNumber" style="width:88px"> <button id="btnTestTel" onClick="return TestTel()">测试电话号码</button> <br/> 手机号码:<input type="text" id="Mobile"> <button id="btnTestMobile" onClick="return TestMobile()">测试手机号码</button> <br/><br/>
建议手机号码与电话号码至少请输入一项<br/><br/>
<button id="btnTest" onClick="return Test()">测试手机号码</button>
js代码:
<script type="text/javascript"> String.prototype.Trim = function() { var m = this.match(/^\s*(\S+(\s+\S+)*)\s*$/); return (m == null) ? "" : m[1]; } String.prototype.isMobile = function() { return (/^(?:13\d|15[89])-?\d{5}(\d{3}|\*{3})$/.test(this.Trim())); } String.prototype.isTel = function() { return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test(this.Trim())); } function TestMobile() { var oMobile = document.getElementById("Mobile"); if (!oMobile.value.isMobile()) { alert("请输入正确的手机号码"); oMobile.focus(); oMobile.style.backgroundColor="#ff9"; return false; } else { alert(oMobile.value); } return true; } function TestMobileEx() { var oMobile = document.getElementById("Mobile"); if (!oMobile.value.isMobile()) { return false; } return true; } function TestTel() { var oTelPrefix = document.getElementById("TelPrefix"); var oTelNumber = document.getElementById("TelNumber"); var sTel = oTelPrefix.value + "-" + oTelNumber.value; if (!sTel.isTel()) { alert("请输入正确的电话号码"); oTelPrefix.focus(); oTelPrefix.style.backgroundColor="#ff9"; oTelNumber.style.backgroundColor="#ff9"; return false; } else { alert(sTel); } return true; } function TestTelEx() { var oTelPrefix = document.getElementById("TelPrefix"); var oTelNumber = document.getElementById("TelNumber"); var sTel = oTelPrefix.value + "-" + oTelNumber.value; if (!sTel.isTel()) { return false; } return true; } function Test() { if (TestTelEx()||TestMobileEx()) { alert("验证通过"); } else { alert("手机,电话至少输入一项"); document.getElementById("TelPrefix").focus(); document.getElementById("TelPrefix").style.backgroundColor="#ff9"; return false; } return true; } </script>
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦