当前位置:博客首页 > WEB前端 > 前端技巧 > 通过正则表达式实现限制from表单只能输入数字的方法

通过正则表达式实现限制from表单只能输入数字的方法

来源:赤天雨个人博客作者:渔柒发表于:2018-11-15阅读:650

解决思路:

捕获按键事件,把所输入的非数字字符过滤(替换为无)。 具体步骤:

代码示例:

<input onkeyup="value=value.replace(/[^\d]+/g,'')">      //匹配0-9之外的字符

注意:触发事件必须用onkeyup,不能用onkeydown或onkeypress。

replace方法返回根据正则表达式进行文字替换后的字符串的复制。

\d 匹配所有数字0-9,[^\d]匹配0-9之外的字符。

/g 匹配所有

特别说明:

通过本例初步掌握正则表达式中对数字或非数字的查找匹配方法,还有对按键事件和粘贴事件的捕获。

onkeydown 当用户按下键盘按键时触发。

onkeypress 当用户按下字面键时触发。

onkeyup 当用户释放键盘按键时触发。

onpaste 当用户粘贴数据以便从系统剪贴板向文档传送数据时在目标对象上触发。

哎呦,不错哦!
(1)
相关阅读