`
yunzhu
  • 浏览: 1146121 次
  • 性别: Icon_minigender_1
  • 来自: 南京
博客专栏
B2b19957-cda7-3a9e-83a0-418743feb0ca
监控应用服务器
浏览量:110027
2e8be8be-e51f-346c-bcdd-12623c9aa820
Web前端开发
浏览量:119807
Bfa5df64-a623-34b9-85b8-ef3ce2aed758
经典异常的解决
浏览量:204675
社区版块
存档分类
最新评论

限制文本框输入:禁止激活输入法、禁止全角输入、限制只能输入数字

阅读更多

 

禁止用户激活中文、韩文、日文等的输入法(IME)状态

ime-mode 版本:IE5+专有属性 继承性:无


语法:

ime-mode : auto | active | inactive | disabled


参数:

  • auto : 不影响IME的状态。与不指定ime-mode属性时相同
  • active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
  • inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
  • disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME

 

例子:

<input type="text" style="ime-mode:disabled;" ... />

 

 

限制文本框输入,只能输入数字

 

方法一、

监听onKeyPress事件,通过判断keyCode禁止数字以外的键值输入:

<input type="text" onKeyPress="if(event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" />

缺点:可以向文本框中粘贴任何内容,也可以激活输入法输入任何内容

 

方法二、

监听onKeyUp事件,通过正则表达式将数字以外的值替换成空串:

<input type="text" onKeyUp="this.value=this.value.replace(/\D/g,'')" />

缺点:输入进去后闪一下再消失,很奇怪

 

 

相对完美的解决方案:

综合以上3中方法:既禁止数字以外的键值输入,又禁止激活输入法,同时通过正则表达式将数字以外的值替换成空串。

<input type="text" style="ime-mode:disabled;" onKeyPress="if(event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" onKeyUp="this.value=this.value.replace(/\D/g,'')" />
分享到:
评论

相关推荐

    js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码.docx

    为了限制文本框只能输入数字,可以使用以下正则表达式: ```javascript onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/...

    VS2005设置中文输入法(处理了全角问题)

    在开发过程中,尤其是在使用Visual Studio 2005(VS2005)这样的集成开发环境时,有时候我们需要在文本框或控制台中输入中文字符,这就涉及到输入法的设置和全角、半角字符的处理。下面我们将详细探讨如何在VS2005中...

    jQuery textarea文本框输入文字字数限制提示代码.zip

    js代码 [removed] //显示限制输入字符method function textAreaChange(obj){ ... var count_total = $this...jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。

    全角数字转换半角数字工具 v1.0版

    全角数字转换半角数字工具 v1.0版  使用指南  1.将带有全角数字的新闻(Ctrl+C)复制,在(Ctrl+V)粘贴到上面文本框内。  2.点击替换按钮,程序会自动转换成半角数字,拷贝到下面文本框内。  3.使用滚动条...

    全角数字正则匹配后输出半角数字

    全角数字正则匹配后输出半角数字,可以把日期字符串中的全角转换成半角,又便于转换成日期格式

    全角半角数字转换

    在实现这种转换时,需要注意一些细节,例如边界条件检查,确保输入的是有效的全角或半角数字,以及处理可能出现的非数字字符。同时,为了提高效率,可以考虑使用缓存机制,存储已转换过的字符,避免重复计算。 总的...

    CS2005中winfrm解决输入法自动全角到半角转换 回车光标到下一个控件

    在某些情况下,当用户在WinForms应用中的文本框(TextBox)使用中文输入法时,输入的字符可能会在按下空格键或者特定键(如回车)后自动从全角模式切换到半角模式。全角字符占用双字节,而半角字符占用单字节。这种...

    限制文本框输入N个字符的js代码

    标题提到的“限制文本框输入N个字符的js代码”正是这种需求的解决方案。在描述中提到了一个关键点:汉字占用两个字节,而数字和字母只占用一个字节,这在处理字符限制时需要特别注意。 JavaScript中的字符串是由...

    最新输入文本框测试用例.doc

    11. **特殊字符**:检查禁止输入的字符是否成功限制,提示信息是否友好。 12. **特殊代码**:测试HTML和JavaScript代码,确保它们不会被执行而是以文本形式显示。 **多行文本框** 1. **回车换行**:确认回车键是否...

    输入法全角补丁

    在某些软件或操作系统中,用户可能会遇到输入法突然变为全角状态,导致输入的英文字符或数字也被当作全角处理,影响正常使用。这种现象可能由于系统设置、软件冲突或者更新不完整等原因造成。 "输入法全角补丁"的...

    基于C#的正则表达式 可用vs打开 全角 半角数字

    在实际项目中,你可能需要根据具体需求对输入进行处理,比如限制输入只能是全角或半角数字,或者在用户输入时实时提示错误。这通常涉及到事件监听和处理,例如在文本框的`TextChanged`事件中进行验证。 综上所述,...

    中学中英文键盘录入技术PPT学习教案.pptx

    "中学中英文键盘录入技术...这份PPT学习教案涵盖了中学中英文键盘录入技术的主要内容,包括汉字输入法发展方向、输入法的选择和状态栏、汉字输入法、输入方式、属性设置、智能特色、微软拼音输入法和五笔字型输入法等。

    文本框测试用例整理版2022

    "文本框测试用例整理版2022" 文本框测试用例是WEB测试中一个重要的部分,为广大的朋友提供了一些思路。文本框测试用例可以分为三部分:普通文本框、数值型文本框和日期型文本框。 一、普通文本框: 普通文本框的...

    UKIJ-维文输入法.rar

    5. 热键切换:UKIJ输入法支持快捷键切换,用户可以根据个人习惯设置不同的输入模式,如全角/半角、大写/小写等。 二、UKIJ维文输入法的安装 UKIJ维文输入法的安装通常包括以下几个步骤: 1. 解压缩:首先,我们...

    .net下数字全角转半角

    全角字符通常在东亚语言如中文、日文、韩文中使用,占两个字节,而半角字符则占一个字节,主要用于拉丁字母、数字等。在不同的场景下,可能需要将全角字符转换为半角字符,或者反之,以满足程序的逻辑需求或用户界面...

    QQ输入英文字母间距突然变大了怎么解决?.docx

    输入英文字母间距突然变大的问题可以通过两种解决办法来解决,即使用快捷键shift+空格键或点击输入法悬浮窗上的全角符号然后切换至半角符号。同时,我们需要养成良好的输入习惯,避免不小心切换半全角状态,以免出现...

    精彩编程与编程技巧-TextBox 中英文输入方法切换...

    对于某些应用程序来说,限制用户只能输入特定类型的字符(如仅限英文或仅限中文)是非常重要的。通过设置 `TextBox` 的 IME Mode,可以轻松实现这一目标,从而减少后续的数据验证工作量。 #### 场景三:用户体验...

    VS2005输入法全角补丁和无需补丁的2种方法

    至VS2005测试版以来就一直存在这个问题,在WinForm应用程序中和Visual Studio 2005开发环境中,一切换窗口,中文输入法就会变成全角。 无需补丁的2种方法。 方法一:代码见clsIme.cs文件 Form的Pain和遍历Control的...

    js各种限制input输入汇总

    如果希望输入框只能接受数字输入,但又不希望在输入非数字字符时有闪动现象,则可以使用`onkeypress`事件来限制非法字符。 **示例代码:** ```html &lt;input type="text" style="ime-mode:disabled" onkeydown="if...

Global site tag (gtag.js) - Google Analytics