html5input

来源:互联网 发布:网络篮球游戏大全 编辑:程序博客网 时间:2024/05/18 02:22

关于input 输入框的验证,可以根据html5 的新的特性进行设置代码如下

 <input type="text" id="Through" class="form-control" onkeyup="value=value.replace(/[^\d]/g,'') " ng-pattern="/[^a-zA-Z]/" placeholder="跳转页数请在此输入">

onkeyup事件是输上后再去掉非数字字符 。ng-pattern="/[^a-zA-Z]/"是加上正则匹配不能输入非数字字符。

效果如图:

经本人测试ok 可以验证只让输入数字

原创粉丝点击