本文汇总了利用JavaScript控制HTML文本框输入类型的方法。通过监听onkeyup、onpaste及oncontextmenu事件，结合正则表达式过滤，可实现仅允许输入数字、英文、中文、小数点或特定组合字符。同时提供了禁用右键菜单和粘贴功能的代码示例，帮助开发者快速实现严格的表单输入限制。
JS限制文本框输入类型的方法汇总
在Web开发中，有时需要限制用户只能向文本框输入特定类型的字符。本节介绍如何使用JavaScript实现仅允许输入数字的限制。
实现代码如下：
<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')">限制输入数字与小数点
若需允许用户输入数字及小数点（例如金额输入），可使用以下代码进行限制。
实现代码如下：
<input onkeyup="value=value.replace(/[^\0-9\.]/g,'')" onpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu ="value=value.replace(/[^\0-9\.]/g,'')">限制输入英文字符
当业务场景要求文本框仅接受英文字符时，可通过正则表达式过滤非字母内容。
实现代码如下：
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z]/g,'')">限制输入英文与数字组合
如果允许同时输入英文和数字，可以使用组合正则表达式进行过滤。
实现代码如下：
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">限制输入中文字符
对于需要输入中文的场景，可以通过Unicode编码范围限制仅允许中文字符。
实现代码如下：
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">限制输入中文、英文与数字
若需同时支持中文、英文和数字的混合输入，可将上述正则条件合并。
实现代码如下：
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">允许输入空格
除了上述字符，若还需允许空格存在，可在正则表达式中加入空格符的过滤规则。
实现代码如下：
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')">允许输入中文、英文、数字与小数点
当需要同时支持中文、英文、数字以及小数点时，可将所有允许的字符类型合并到正则表达式中。
实现代码如下：
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">正则表达式配置说明
综上所述，实现输入限制的核心逻辑如下：
在<input>标签中嵌入事件处理函数，
onkeyup="value=value.replace(/[^\X]/g,'')"
其中正则表达式(/[\X]/g,'')内的\X代表允许输入的字符集合。
具体字符编码包括：中文为u4E00-u9FA5，数字为0-9，英文为a-z\A-Z，其他符号如@、点等可直接书写。
如需允许多种字符组合，使用反斜杠\分隔即可。例如：同时允许中英文、数字、@符号及点符号，正则可写为\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.
禁用右键菜单与粘贴功能
若需进一步限制用户行为，禁止在文本框内弹出右键菜单或粘贴复制内容，
可在<input>标签中额外添加onpaste="return false"和oncontextmenu="return false;"属性。