html5中input的tel类型怎么验证正则

html-css08

html5中input的tel类型怎么验证正则,第1张

html5中input的tel类型验证正则的写法如下:

一般在中国,电话号码是区号-7到8位数字的电话号码,所以正则表达式书写如下:

^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}

完整的演示例子如下:

1、html5中的tel标签:

<input type="tel" name="tel" id="tel" required pattern="^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}">

2、或者

<input type="tel" name="tel" id="tel" required onblur="checkme(this)"/>

function checkme(obj){

var val=obj.value()

var mobilevalid = /^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}$/

if (!mobilevalid.test(val)) {

alert('请输入正确的手机号码!')

return false

}

}

在页面用js验证。给你个地址很多种验证的规则

http://www.xhxu.cn/2011/09/%e5%b8%b8%e7%94%a8%e7%9a%84js%e9%aa%8c%e8%af%81%e6%95%b0%e5%ad%97%ef%bc%8c%e7%94%b5%e8%af%9d%e5%8f%b7%e7%a0%81%ef%bc%8c%e4%bc%a0%e7%9c%9f%ef%bc%8c%e9%82%ae%e7%ae%b1%ef%bc%8c%e6%89%8b%e6%9c%ba%e5%8f%b7/

var p1=/^(13[0-9]\d{8}$|15[012356789]\d{8}$|18[0-9]\{8}$|14[57]\d{8}$/

这一段代码,这个圆括号不知道是否故意为之。修改成这个

var p1=/^(13[0-9]\d{8}|15[0-35-9]\d{8}|18[0-9]\{8}|14[57]\d{8})$/

然后执行函数的动作

onchange="phoneCheck(this)"

this是得到这个对象,如果你要检验输入的内容,应该是

onchange="phoneCheck(this.value)"