js 如何校验手机号码呢?
手机号有如下规则:
(1)必须全为数字;
(2)必须是11位.(有人说还有10位的手机号,这里先不考虑);
(3)必须以1开头(有人见过以2开头的手机号吗?)
(4)第2位是34578中的一个.
js方法如下:
Js代码
- /***
- * check mobile phone:(1)must be digit;(2)must be 11
- * @param string
- * @returns {boolean}
- */
- telRuleCheck2 = function (string) {
- var pattern = /^1[34578]\d{9}$/;
- if (pattern.test(string)) {
- return true;
- }
- console.log('check mobile phone ' + string + ' failed.');
- return false;
- };
通过正则表达式来校验
页面代码如下:
Html代码
- <!DOCTYPE html>
- <html>
- <head lang="en">
- <meta charset="UTF-8">
- <title></title>
- <script type="application/javascript" src="jquery-1.11.1.js" ></script>
- <script type="application/javascript" src="page.js" ></script>
- </head>
- <body>
- <div class="reg_con" style="position:relative;">
- <label>联系电话</label>
- <input id="telphone" type="text" name="userExt.telphone" value="13800000000" class="inp" maxlength="13"/>
- <div id="telphone_tip" style="position:absolute;top:20px; color:#c00; font-weight:bold;">
- </div>
- </div>
- <script type="application/javascript" >
- $("#telphone").blur("blur",function(){
- var telphone = $("#telphone").val();
- if(telphone == ""){
- $("#telphone_tip").html("提示：联系电话不能为空");
- }
- else
- {
- if(telRuleCheck2(telphone)){
- $("#telphone_tip").html("");
- }
- else
- {
- $("#telphone_tip").html("联系电话格式不正确");
- };
- };
- });
- </script>
- </body>
- </html>
界面如下:
正则表达式说几点:
(1)^表示开头 ; $ 表示结尾;
(2)i表示忽略大小写;g表示全局匹配,而不是只匹配一次
(3)\d表示数字,即0123456789,\w表示26个字母;\s表示空格Tab换行等
-------------------20151008更新 ----------------
应用:
Js代码
- if (!telRuleCheck2(username_val)) {
- toast_hwShortCenter("请输入11位有效手机号");
- $username[0].focus();
- return;
- }
更宽松的校验方式:
Js代码
- /***
- * 校验手机号的格式是否正确
- * @param mobile
- * @returns {*}
- */
- isMobile: function (mobile) {
- return mobile.match(/^1[\d]{10}$/);
- }
