页面禁止用户输入中文实现方式

2024-04-24 01:55:58

具体步骤：

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

<input οnpaste="return false" οndragenter="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 οnpaste="return false" οndragenter="return false"  οnkeyup="this.value=check(this.value)">

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

<input οnpaste="return false" οndragenter="return false" οnkeyup="this.value=this.value.replace(/[^/x00-/x80]/gi,’’)">

方法四：把中文字符替换为空。

<input οnpaste="return false" οndragenter="return false" οnkeyup="this.value=this.value.replace(/[/u0391-/uFFE5]/gi,’’)">
本例代码运行后，第一种方法是不能切换输入法，所以无法输入中文，其它三种方法是在输入中文后立即被替换为空，同时禁止了粘贴和拖放事件。

特别说明

本例主要是css属性ime-mode和对中文或双字节字符的判断应用。
ime-mode 设置输入方法编辑器(IME)的状态。
charCodeAt返回指定位置上字符的 Unicode 编码值。

页面禁止用户输入中文实现方式相关推荐

实时监控用户输入--中文输入解决方案
需求:对用户的输入进行实时监控,当用户输入的内容超出规定的字符长度时对用户输入进行截断并给予警告提示. 看到这一需求,第一想法就是对所需实时监控的input输入框绑定input/propertycha ...
网页页面禁止用户复制源代码
网页页面禁止用户复制 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...
网页页面禁止用户复制
网页页面禁止用户复制 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...
【Qt】Qt5在ubuntu16.04无法输入中文解决方式
参考博客 https://blog.csdn.net/linux_2016/article/details/52356576 博客中没有修改库的执行权限解决方法安装:fcitx-frontend- ...
手机号自动加入空格，禁止用户输入空格
需求:用户输入,一串手机号后,自动加空格. 1.:12345678912 显示:123 4567 8912 2.:+8612345678912 显示:+86 1234 5678 9 ...
微信公众号h5页面禁止用户调整字体大小
微信公众号内 h5页面,使用计算后的单位 rem 时,用户调整字体大小会导致页面字体.元素的宽高变大活变小,导致页面布局错乱使其拖拽后禁止修改页面基础字体大小 this.prohibitAndroi ...
python获取用户输入中文_python中的用户输入
一个选项(ha!)将选项的结构存储在变量中.在例如,(在您的脑海中)将"菜单"定义为包含以下值的子集的dict:"问题"-这是显示菜单时要问的问题-" ...
ubuntu16.04中使用搜狗输入法Qt5无法输入中文解决方式
1.安装fcitx-frontend-qt5 sudo apt-get install fcitx-frontend-qt5 2.将libfcitxplatforminputcontextplugin ...
js luhn算法_判断用户输入的银行卡号是否正确--基于Luhn算法的格式校验
开发中,有时候,为了打造更好的用户体验,同时减轻服务器端的压力,需要对于一些如,手机号码,银行卡号,身份证号码进行格式校验下面是判断银行卡号输入是否正确的代码(基于Luhn算法的格式校验): iOS ...

最新文章

热门文章