html 正则表达式 直接验证

html-css015

html 正则表达式 直接验证,第1张

具体的正则表达式最好学习一下：

http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp

然后验证的函数可以这样，比如验证字母的：

function isAlphabet(val){

    var ptn = /\w+/g

    return ptn.test(val)

}

然后需要和input关联起来，那就要监听DOM事件，或者表单提交的时候统一检查了。

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

}

}