控制 input 输入框不能输入中文，即不能在输入框中使用输入法

最新推荐文章于 2024-08-22 21:54:01 发布

zh921112

最新推荐文章于 2024-08-22 21:54:01 发布

阅读量2.6w

点赞数 2

分类专栏： Java 文章标签： input限制中文输入

本文链接：https://blog.csdn.net/zh921112/article/details/38490267

版权

Java 专栏收录该内容

43 篇文章 1 订阅

订阅专栏

设置输入框的样式，代码如下

<span style="font-size:18px;"><input type = "text" id = "jscaptcha_input"  style="ime-mode:disabled;" maxlength="5"/></span>

给输入框的样式添加 “ ime-mode:disabled” 即可限制输入框不能输入中文。

但该方法在谷歌浏览器中不管用，ie与火狐都支持

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zh921112

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【JS】如何避免输入中文拼音时触发input事件

owo_ovo的博客

03-22

813

【JS】如何避免输入中文拼音时触发input事件

js 限制input只能输入中文、英文和数字

天下大师傅

07-18

6229

通过replace来替换不符合要求的数据 $(document).on('keyup','[name="layerName"]',function(){ $(this).val(testLayerName($(this).val())); }); $(document).on('paste','[name="layerName"]',function(){ $(this).val(t...

1 条评论您还未登录，请先登录后发表或查看评论

Pycharm最新版input无法输入中文解决方案

最新发布

神的博客

08-22

8146

下载的最新版Pycharm中input无法输入中文，而输入英文却是正常的。

输入框禁止输入法

weixin_30446197的博客

04-06

183

禁止输入法形式： <INPUT TYPE=text STYLE="ime-mode:disabled" > 参数说明形式： active 代表输入法为中文inactive 代表输入法为英文auto 代表打开输入法 (默认)disable 代表关闭输入法具体例子如下： <INPUT onfocus=" this.style.imeMode='active...

input不能输入中文

iteye_12689的博客

10-21

226

var obj = $("#mobileSystemCode"); var obj_value= obj.val(); obj_value = jQuery.trim(obj_value); //保存时有非空验证，这里要取消掉 if($.trim(obj_value)!=""){ var expression = /[\u4E00-\u9FA5]/; va...

输入框限制不允许输入中文

xinshishenchao的博客

11-11

3935

思路：在输入过程中将中文替换为"", string.replace(/[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/g, '');

js原生：把 input输入的文本，通过点击事件之后 input框内输入的文字消失，出现在下面的 div中。

陈浩然哦的博客

04-09

2251

js原生：把 input输入的文本，通过点击事件之后 input框内输入的文字消失，出现在下面的 div中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...

使用js控制input填写的限制，比如只能写数字和英文,不能输入中文

黑猫警长博客

04-01

7293

1、只能输入英文字母和数字,不能输入中文 <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"> 2、只能输入字母和汉字 <input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxleng

Ant Design Vue中表单在控制台中有验证，但是在页面中不显示

qq_44229380的博客

01-12

3054

Ant Design Vue中表单在控制台中有验证，但是在页面中不显示之前的代码 <a-input v-decorator="['goods_manufacture', {rules: [{ required: true, message: '请输入商品厂家' },{ validator: goodsManufactureVal }] }]" style="width: 415px" /> 解决办法在options中使用initialValue设置初始值为空字符串 initialV

解决ios h5 input输入框被输入法弹出一块区域的问题

08-27

在ios系统中，使用h5开发的input输入框时，输入法弹出时，会出现输入框被弹出一块区域的问题。这是一个常见的问题，对于开发者来说，解决这个问题非常重要。二、问题分析这个问题的出现是由于input输入框在 ios...

JS验证input输入框（字母，数字，符号，中文）

10-20

通过正则表达式`\D`匹配所有非数字字符，并在onkeyup事件和onafterpaste事件中使用该表达式来清除输入的非数字字符。 3. 只能输入数字和小数点的验证方法：限制用户只能输入数字和小数点。通过正则表达式`[^\d\....

解决webgl输入框无法输入中文插件

09-08

通常，当用户尝试在WebGL场景中使用HTML输入框输入中文时，可能会遇到输入困难或无法输入的情况。这主要是因为WebGL与HTML元素之间的交互存在问题，尤其是在全屏模式下，浏览器的安全策略可能会阻止这种交互，导致...

解决 input 输入框在中文输入法下的 bug

Mrluog的博客

02-01

4615

最近本山人在项目的开发过程中遇到这么一个问题：在列表中嵌入antd的Input输入框，切换到微软输入法输入时，就不能成功输入中文字符，然而搜狗输入法又是正常的。研究一番，发现是input的value这王八蛋在搞事情，每次输入都会调用onChange事件。而搜狗输入法和微软的输入法对onChange调用机制不同，所以就会出现这种情况（至于有何不同，在这里就不做陈述了，麻烦各位自行问度娘）。解决方法：对input框进行二次封装，对onChange调用机制进行处理。话不多说，直接撸代码才是王道（这里封装的

关于vue中elementUI的input和select框值无法回显的问题解决

YANJIEAILISISI的博客

05-18

9516

1.用$set解决 2.用$nextTick解决 3.用$forceUpdate解决

通过JavaScript正则表达式限制input输入框的输入内容

tianxianghuiwei的博客

09-18

2003

a-input onchange="if(/\D/.test(this.value)){alert('只能输入数字');9.限制input输入框除了英文的标点符号以外，其他的都可以。

浏览器自动填充导致input无法回显问题解决方法

雨夜星辰03--的博客

05-02

1336

浏览器的自动填充导致我的用户编辑回显的数据被覆盖了，百度了很多方案都不太方便和兼容性不好！受http://www.qiusuoweb.com/37.html这个博客启发，想到一种通用性更好的方案如下，特意记载下来！解决:解决浏览器自动填充导致input数据不回显问题方案：在input标签内加上下面代码autocomplete="off" readonly="true" onclick="this...

解决扫码枪中文输入法冲突问题

热门推荐

张宇的博客

07-29

2万+

解决扫码枪输入input时受中文输入法的影响首先先了解扫码枪的原理，每次扫码枪扫描相当于执行了》》扫码的数字+ enter事件由于搜狗输入法在键入英文时点击enter等于回显，故在输入框里面监听不到enter事件，而且还会出现一些其他的文字解决方案：type=“password” 是不能输入中文的，故可以使用密码框实现扫码枪中文输入法的问题 <!DOCTYPE html> <html lang="zh_CN"> <meta charset="utf-8"> &lt

JS 文本框校验--限制文本框不能输入汉字

weixin_43124843的博客

03-27

7458

注意：live() 方法在 jQuery 版本 1.7 中被废弃，在版本 1.9 中被移除。请使用 on() 方法代替。 function onblus1(num) { // 校验0 到 3000 的整数 var str = num.value; var r = /^\+?[1-9][0-9]*$/; // 正整数 if (r.test(str) && (s...

html input 禁止输入中文

韩迎宾的博客

05-29

1万+

html input 禁止输入中文： <input type="text" class="username" onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')" placeholder="请输入账号" /> 输入中文时，直接替换为空格。 ...

html+javascript 中文输入法情况下，input输入框没有聚焦，按下a键自动聚焦input输入框并且弹出拼音输入法连贯输入

05-31

你可以使用以下代码实现这个功能： ```html <input type="text" id="myInput" /> <script> // 监听键盘按下事件 document.addEventListener('keydown', function(event) { // 如果按下的是字母a并且输入框没有聚焦 if (event.key === 'a' && document.activeElement !== document.getElementById('myInput')) { // 聚焦输入框 document.getElementById('myInput').focus(); // 弹出拼音输入法 document.execCommand('selectAll', false, null); } }); </script> ``` 当用户按下键盘上的a键时，会触发键盘按下事件。我们在事件处理函数中判断按下的是否是a键并且输入框没有聚焦。如果是，我们就聚焦输入框并且使用`document.execCommand`弹出拼音输入法。