zoukankan      html  css  js  c++  java
  • 如何禁止在文本框中输入中文

    具体步骤: 

    方法一:用文本框的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 编码值。 

  • 相关阅读:
    【转】CentOS8新特性
    【转】Python 库打包分发(setup.py 编写)简易指南
    【转】Python3的venv虚拟环境操作(Linux)
    【转】Qt绘图之QGraphicsScene QGraphicsView QGraphicsItem详解
    【转】Qt 积累
    webapi 参数传递详解
    WPF 字体图标样式
    asp net core mvc 跨域ajax解决方案
    NPOI导出Excel封装
    XML序列化CDATA
  • 原文地址:https://www.cnblogs.com/longhao510/p/5476926.html
Copyright © 2011-2022 走看看