js input输入框限制只输入中文（排除使用中文键盘输入字母）

已于 2022-11-23 11:20:10 修改
阅读量1.1k 收藏 1
点赞数 1
文章标签： html javascript
于 2020-08-31 12:19:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bingzhangNANA/article/details/108318809
版权 
<input  
oninput="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"   
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" />

一般写的是onkeyup事件，改为oninput事件是排除掉用户使用中文键盘输入了字母的情况

bingzhangNANA
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS 控制文本框只能输入中文、英文、数字与指定特殊符号
chicaohun7473的博客
07-19 1201
JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value...
功能强大的JS虚拟键盘
weixin_30915275的博客
02-07 476
最近做项目，我负责做网页前端，客户需要利用触摸屏进行操作，不外接鼠标键盘，但要求能录入文字，包括数字，英文，中文。思考了一下，决定用JS实现虚拟键盘。 首先上网搜索了一下JS虚拟键盘，在经过仔细筛选后，相中了VirtualKeyboard，一款功能强大的JS虚拟键盘插件。 先简单介绍一下VirtualKeyboard，它内置了100多种键盘布局和200多种输入法，9套可选皮肤方案，而且支持自建...
【vue】中 input框只能输入汉字校验
weixin_46939404的博客
02-17 2263
input框只能输入汉字校验
js监听中文拼音输入开始输入和输入完成的事件，用input事件用拼音输入法的大坑，由这两个事件来解决
jason_renyu的博客
11-19 5894
要监听输入框的输入，首先想到的是oninput事件，对与这些在遇到拼音输入法时总是很头疼，因为拼音输入法会先把拼音放入输入框，这是也会触发事件带来不少困扰，这里就推荐两个h5的新事件来解决这个烦恼，这个就是compositionstart（中文拼音输入法开始输入时监听）和compositionend（中文拼音输入法输入完成时监听）减少不少的烦恼，下边一个实例一起来看下这两个事件的魅力吧！ &l...
JS 控制文本框只能输入中文、英文、数字与指定特殊符号（屏蔽表情输入）
zhaofuqiangmycomm的博客
08-02 1万+
onkeyup:释放键盘事件 onpaste：粘贴事件 oncontextmenu ：鼠标右击事件 控制这三种事件的输入 onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5\w]/g,'')" 只能输入数字： onkeyup="value=value.replace(/[^\d]/g,'') " 只能输入数字和字母...
Javascript实现的软键盘，效果不错
老紫竹的专栏
03-10 7320
Javascript实现的软键盘，效果不错
js限制input标签中只能输入中文
10-24
主要介绍了js限制input标签中只能输入中文的的相关资料,需要的朋友可以参考下
JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
12-13
第一： 限制只能是整数 <input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" /> 如果不是整数就直接alert 第二： 限制...
JS验证input输入框（字母，数字，符号，中文）
01-19
只能输入英文 <input type=text onkeyup=value=value.replace(/[^a-zA-Z]/g,'')> 只能输入英文 <input type=text onkeyup=value=value.replace(/[^\a-\z\A-\Z]/g,'') onkeydown=fncKeyStop(event) onpaste...
使用正则限制input框只能输入数字/英文/中文等等
10-26
限制input框只能输入数字或英文的方法有很多，下面为大介绍下使用正则是如何实现的，感兴趣的朋友不要错过
javascript实现中文输入法
01-16
相当不错的例子 可以在前端实现中文输入法，体验的时候请把本机输入法调整为英文
js正则限制文本框不能输入汉字，字母，数字等操作
笑到世界都狼狈的博客
11-07 9792
/** * 写mac地址的时候有限制只能输入字母和数字 * */ $('#macValList>input').bind('input propertychange',function () { //限制mac只能输入数字和字母 var c=$(this); if(/[^\w]/.test(c.val())) { //当输入非数字和字母的时候用'...
js实现限制输入框只能输入汉字
weixin_34101784的博客
11-09 3638
<inputonkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"/&gt...
js正则只能输入中文
热门推荐
qq_31451471的博客
08-23 3万+
&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html;charset=utf-8"&gt; &lt;title&gt;js正则匹配中文标点符号&lt;/title&gt; &lt;script src="http://apps.bdimg.com/libs/jquer
js/input/输入框 只能输入汉字/数字/英文
qq_16843563的博客
01-22 3582
输入框 只能输入汉字/数字/英文 需要自取，丢input里即可, 1.输入框只能输入汉字 onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" 2.输入框只能输入数字 onkeyup="this.value=this.value.repla
oninput 中文输入
weixin_30301183的博客
05-18 216
使用 input 监听 input 中文输入，会被每次输入的字母打断，下面就解决这个问题 $('input') .off() .on('input',function(){ if($(this).prop('comStart')) return; //输入完成后进行的操作 console.log($(this).val()); }) .on('compo...
Input框只允许输入中文
YYspaces的博客
05-26 1206
正则匹配Input框只允许输入中文 <input type=“text” id=“truename” name=“truename” placeholder=“请输入姓名” οnblur=" value = /[^\u4E00-\u9FA5]/g.test(value) ? value : ‘’"onbeforepaste=“value=/[^\u4E00-\u9FA5]/g.test(value) ? value : ‘’”> ...
Js 验证文本框只能输入中文的表达式
wang_maosen的专栏
02-14 2452
今天做表单提交的输入框条件验证，验证是否包含中文；网上搜了一圈基于js正则表达式的验证基本不好用，一据搜索结果，本文取精华，告诉大家一个好用的中文验证方法。 网上好多要不无效，从正则表达式生成器 生成出来的中文验证竟然只能输入数字 也是奇葩了； &lt;input type="text" class="familyAddPersonSonInput" ms-duplex="el.emp.Ban...
js的input输入框限制只能输入一位小数
最新发布
06-09
你可以使用HTML5的input元素中的type属性...这段代码中，step属性表示每次增加/减少的值，oninput事件表示当输入框的内容发生变化时执行的函数，maxlength则表示最大输入长度，这里设置为4，即可限制只能输入一位小数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值