如何禁止在文本框中输入中文

vue2引入wangEditor5富文本编辑器 vue2引入wangEditor5 阅读详情

具体步骤:

方法一:用文本框的CSS属性ime-mode实现。

    <input onpaste="return false" ondragenter="return false"  style="ime-mode:disabled">

 提示:设置ime-mode为disabled的意思是禁止在输入时禁止用户激活输入中文,韩文,日文等的输入法(IME)状态,因为这个只能检测到键盘的输入,对通过鼠标操作的粘贴和拖放无效。

方法二:在松开按键时用脚本检查文本框的值,只保留Unicode编码在0和255之间的字符。

<script>
function check(str){
var temp=""
for(var i=0;i<str.length;i++)
     if(str.charCodeAt(i)>0&&str.charCodeAt(i)<255)
        temp+=str.charAt(i)
return temp
}
</script>
<input onpaste="return false" ondragenter="return false"  onkeyup="this.value=check(this.value)">


方法三:把所有双字节字符替换为空。

<input onpaste="return false" ondragenter="return false"  onkeyup="this.value=this.value.replace(/[^/x00-/x80]/gi,’’)">
    
方法四:把中文字符替换为空。

<input onpaste="return false" ondragenter="return false"  onkeyup="this.value=this.value.replace(/[/u0391-/uFFE5]/gi,’’)">

特别提示
本例代码运行后,第一种方法是不能切换输入法,所以无法输入中文,其它三种方法是在输入中文后立即被替换为空,同时禁止了粘贴和拖放事件。

特别说明


本例主要是css属性ime-mode和对中文或双字节字符的判断应用。
ime-mode 设置输入方法编辑器(IME)的状态。
charCodeAt返回指定位置上字符的 Unicode 编码值。 
wangEditor 富文本编辑器 wangEditor 富文本编辑器 效果如下: 代码: <div id="fdEmailContext" style="width: 99%;"></div> 导入 <script type="text/javascript" src="../wangEditor/wangEditor.min.js"></script> javascript const E = window.wangEditor const editor = new E("# 阅读详情

相关推荐

wangEditor编辑器

基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费 与国产编辑器 百度ueditor 和 kindeditor 相比,它轻量、易用、UI设计精致漂亮。 与国外编辑器 bootstrap-wysiwyg 和 simditor 相比,它文档易读、交流方便,更接地气。 它还会根据使用者的反馈不断完善,未来将支持移动版。

wangEditor富文本编辑框添加禁用属性和配置国际化语言

监听language语言,调用i18nChangeLanguage函数。使用 editorRef.value.disable()函数设置禁用。1、如何设置禁用属性。

weixin_43881014的博客 6294

汽车诊断之UDS入门-0x19 0x0A服务

0x19 0x0A解析

weixin_44842720的博客 3836

富文本wangeditor 禁止用户编辑

【代码】富文本wangeditor 禁止用户编辑。

weixin_44504531的博客 1635

BLHeli_S电调刷Bluejay固件实战:解锁双向DShot与RPM滤波全攻略

本文详细介绍了如何为BLHeli_S电调刷写开源Bluejay固件,以解锁双向DShot协议与RPM滤波等关键功能。内容涵盖硬件兼容性检查、固件刷写全流程、双向DShot启用与OSD报错解决方案,并对48kHz与96kHz PWM频率的选择提供了实战建议,帮助穿越机玩家在不更换硬件的前提下显著提升飞行性能与操控体验。

weixin_29188997的博客 512

ENVI 5.3与IDL 8.5安装指南:从下载到激活的完整流程

本文提供了一份详细的ENVI 5.3与IDL 8.5安装教程,涵盖从获取安装包、运行主程序、安装许可证到关键文件替换的完整流程。指南重点解决了激活过程中的常见问题,并分享了个人实践经验,旨在帮助用户,特别是遥感图像处理初学者,一次性顺利完成软件部署,为后续的科研与开发工作奠定基础。

weixin_29213827的博客 546

文本框【禁止输入中文】 【禁止粘贴】

方法一:禁止中文输入法   input type="text"  style="ime-mode:disabled"> 方法二:禁止黏贴,禁止拖拽,禁止中文输入法! 这种方法是最强的禁止 中文输入

duanmu19891209的专栏 1252

常见信号逻辑电平标准介绍:TTL、CMOS、ECL、LVDS、CML

逻辑电平是指数字信号电压的高、低电平,相关参数定义如下:(1)输入高电平门限Vih:保证逻辑门的输入为高电平时所允许的最小输入高电平,当输入电平高于Vih时,则认为输入电平为高电平;(2)输入低电平门限Vil:保证逻辑门的输入为低电平时所允许的最大输入低电平,当输入电平低于Vil时,则认为输入电平为低电平;(3)输出高电平门限Voh:保证逻辑门的输出为高电平时的输出电平的最小值,逻辑门的输出为高电平时的电平值都必须大于此Voh;

liuchj的博客 1万+

HTML文本框禁止输入中文

<input type="text" style="ime-mode:Disabled;"> 就一句这个就可以了 转载于:https://www.cnblogs.com/newlooker/archive/2012/11/14/2770128.html

weixin_34250434的博客 962

Silvaco TCAD | 从PIN到APD:高性能光电探测器的仿真设计与优化

本文详细介绍了使用Silvaco TCAD进行光电探测器仿真设计与优化的全过程,从基础的PIN结构到高性能APD的实现。通过实战案例和代码示例,展示了如何优化器件参数、实现雪崩效应以及进行高级仿真分析,帮助工程师提升光电探测器的量子效率和响应速度。

weixin_29218509的博客 427

《小白入门:无人机电调 ESC 的 PWM 接口特性、主流协议与使用指南》

电调是无人机的 “动力中枢”,其 PWM 接口是入门的基础,而 SBUS、DroneCAN 等协议则代表了更高阶的控制方式。小白学习时,需先掌握 PWM 的基本特性和连接方法,再根据场景选择合适的协议,同时严格遵守使用注意事项(如电源匹配、校准步骤、安全操作)。随着实践深入,逐步理解 “协议差异” 和 “系统协同”,才能让无人机更稳定、安全地飞行。

bother3000的博客 3769

文本框不能输入中文判断

具体步骤:  方法一:用文本框的CSS属性ime-mode实现。         提示:设置ime-mode为disabled的意思是禁止在输入时禁止用户激活输入中文,韩文,日文等的输入法(IME)状态,因为这个只能检测到键盘的输入,对通过鼠标操作的粘贴和拖放无效。  但是 false"  style="ime-mode:disabled">  是可以防止通过鼠标操作的粘

xiaopeng__的专栏 3896

Allegro因为精度问题导致走线连接不上的解决办法

在用Allegro做PCB设计的时候,尤其是从其它单板上导数据过来的时候,有时会因为精度不一致导致连接不上,如下图。一般来说,可以逐个重新连接一下,但是如果连接点位比较多的话,需要花费较多时间。下面介绍如何使用Allegro自带的功能解决这个问题,具体操作如下。和Convert Figure Stackups to vias。因为精度问题导致走线连接不上的解决办法。线和过孔因为精度有微小的连接偏差。

weixin_54787054的博客 2611

禁止文本框输入中文和空格(适用于密码输入框)

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max

徐同保的专栏 5717

08 RK3568 MAC TO MAC直连 RTL8367S mdio

本文:采用rk3568 gamc0 通过rgmii直连 交换芯片的mac口 通信方法为mdio。

qq_39451352的博客 3476

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

js控制文本框禁止输入特殊字符

1.标签上直接替换方法:JS 控制不能输入特殊字符1&lt;input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')";2this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'') JS 控制文本框只能输入数字1&lt;inp...

无名马少的博客 737

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

js限制文本框input只能输入数字

JS判断只能是数字和小数点。 1,文本框只能输入数字代码(小数点也不能输入) 复制代码 代码示例:<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2,只能输入数字,能输小数点....

weixin_30421809的博客 126

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

Javascript控制文本框输入限制[转]

Javascript控制文本框只能输入数字 <input onkeypress="returnevent.keyCode>=48&&event.keyCode<=57||event.keyCode==46" onpaste="return!clipboardData.getData('text').match(/\D/)" ondragenter=...

weixin_30649859的博客 194

php只能英文数字禁止符号,js控制文本框只能输入中文、英文、数字与指定特殊符号...

JS 控制文本框只能输入数字JS 控制文本框只能输入数字、小数点JS 控制文本框只能输入英文JS 控制文本框只能输入英文、数字JS 控制文本框只能输入中文JS 控制文本框只能输入中文、英文、数字JS 控制文本框只能输入中文、英文、数字、空格JS 控制文本框只能输入中文、英文、数字、小数点总而言之:先在‘’ 里输入onkeyup="value=value.replace(/[^\X]/g,‘‘)"然...

weixin_35741582的博客 241

asp.net 禁止粘贴 禁止鼠标右键 只能输入中文、英文、数字、@符号和.符号 只能输入数字 只能输入汉字 文本框只能输入数字代码(小数点也不能输入)...

禁止粘贴 onpaste="return false" 禁止鼠标右键 oncontextmenu = "return false"只能输入中文、英文、数字、@符号和.符号 onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')"只能输入数字: onkeyup="value=value.repl...

weixin_30377461的博客 283

JS控制input输入特殊字符

JS控制不能输入空格 <input type="text" οnkeyup="this.value=this.value.replace(//s/g,'')" οnpaste="this.value=this.value.replace(//s/g,'')" > JS 控制不能输入特殊字符 <input type="text" οnkeyup="this.value=this....

web全栈开发的博客 1692

文本框禁止拖拽和粘贴

<br />文本框禁止拖拽和粘贴<br /><br /><br /><br /><br /><br />在css中实现文本框禁止拖拽和粘贴的功能<br />建立一个Css,如下:<br />.TextBox_NotDragpaste<br />{<br />    ondragenter:expression(ondragenter=function(){return false;});<br />    onpaste:expression(onpaste=function(){return false;

lingxyd 的专栏 4842
上一篇: oracle去掉字符串中所有指定字符
下一篇: Microsoft&nbsp;Visio&nbsp;2010密钥
jarry.liu
博客等级 码龄16年 36粉丝 304原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jarry.liu

如果对您有帮助,鼓励下博主吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值