正则表达式限制输入框只能输入数字

最新推荐文章于 2025-10-16 17:29:00 发布

原创最新推荐文章于 2025-10-16 17:29:00 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式

collection 专栏收录该内容

76 篇文章

订阅专栏

本文介绍如何使用正则表达式限制HTML输入框的内容，包括仅允许数字、字母及下划线等常见应用场景。

正则表达式限制输入框只能输入数字代码如下：

<input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " name="f_order" value="1"/>

其中，onafterpaste防止用户从其它地方copy内容粘贴到输入框

输入框只能输入字母和下横线的正则表达式
<input onkeyup="this.value=this.value.replace(/[^_a-zA-Z]/g,'')" onpaste="this.value=this.value.replace(/[^_a-zA-Z]/g,'')">

输入框只能输入字母数字和下横线的正则表达式
<input onkeyup="this.value=this.value.replace(/[^\w]/g,'')" onpaste="this.value=this.value.replace(/[^\w]/g,'')">
或
<input onkeyup="this.value=this.value.replace(/[\W]/g,'')" onpaste="this.value=this.value.replace(/[\W]/g,'')">