input框中使用oninput属性限制输入内容

需求案例

当我们在页面中写一个<input>框时，想要限制输入的内容只能为英文和数字，其它内容均不能输入，该如何实现。

分析

这种input框限制输入的需求，大都是由正则表达式来完成。

不过，网上搜一下很多方法都是通过onkeyup指定方法里进行文本替换，相当于输入一个字符调一次方法，效率不高，并且网上按关键字搜出的博客大都雷同，很多正则表达式试过都没效果，哭(┬＿┬)，只能自己想其它办法。

还好，HTML5里支持oninput，能很简洁方便地解决这个问题。亲测，IE、谷歌和火狐都可以很好地支持。

实现方法

微信搜索并关注公众号「 小白轻松学编程 」，回复关键字【oninput】查看完整文章！