Question

html 正则表达式 直接验证

在一个html的页面里面有一些input的输入框，有的只能输入汉字，有的要求是QQ号，有的要求是护照号，有的要求只能填写数字，我要怎么在input里面直接写一个用正则表达式验证的啊，比如说一个input的输入框，我要验证只能填写字母，那这条语句怎么写啊

Answer 1

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

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

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

function isAlphabet(val){
    var ptn = /\w+/g;
    return ptn.test(val);
}

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

追问

但是这样写如果比较多的话，就会有写很多这种function，如果我直接想在那个input框里面加一个验证，不另外写function，应该怎么办啊

追答

简单的方式是把常用的判断function们写到一个js文件里，然后对需要做检测的input进行监听，浏览器会自动管理的。
现在的话，有些框架比如Bootstrap的模版里自带了支持验证的输入框，只要配置input的属性就可以验证。其实相当于框架帮你做了上面说的事情，但一些特殊的验证规则还是要自己实现的。