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

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

阅读更多

 

禁止用户激活中文、韩文、日文等的输入法(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,'')" />
分享到:
评论

相关推荐

    关于文本框的一些限制控制总结~~

    本文将总结关于文本框的一些限制控制方法,主要包括如何禁止输入中文和如何禁用粘贴功能。 1. 禁止输入中文: 在某些场景下,我们可能需要限制用户在文本框中输入中文字符。传统的做法是通过JavaScript编写函数来...

    C#中Winfrom默认输入法的设置方法

    4. **输入法全角/半角切换** 在某些情况下,可能需要强制文本输入为半角状态。这可以通过P/Invoke技术调用Windows API实现。例如,可以使用以下代码片段来修正全角/半角的问题: ```csharp [DllImport("imm32.dll...

    专升本计算机题库完整.docx

    10. 智能ABC输入法状态窗口:表示当前输入状态,如中文输入、全角或中文标点。选项C正确。 11. 移动窗口:将鼠标指针放在标题栏上并拖动,可以移动窗口的位置,选项C正确。 12. 窗口最大化:最大化窗口后,可以...

    高中计算机会考试题及答案 (4).pdf

    关于快捷键,Ctrl+空格可以切换中英文输入法,Ctrl+Shift可以切换不同的输入法,而Shift+空格在全角和半角字符之间切换。在PowerPoint中,可以插入多种格式的图片,如Bmp、Wmf和Jpg。在Excel中,单元格的引用位置...

    精易模块[源码] V5.15

    6、优化“文本_取随机数字”精简代码,提高执行效率,感谢易友[ds9660]反馈。 7、修正“普通填表-&gt;链接_点击”无法在本窗口中打开的BUG,感谢易友[@zhuan888]反馈。 8、修正“时间_时间戳转文本”代码不严谨出现数组...

Global site tag (gtag.js) - Google Analytics