最近客服部的MM反映:用户总是在输入电话的时候不小心开启了全角无法通过格式验证而打来电话求助。如图:

就是在后面增加了,请输入半角数字的提示效果也不会很好,因为很多用户不知道什么是全角半角,都是无意中开启了全角状态。我们在平时填写表单的时候也会这样,上个文本框是输入中文,到下个要输入英文,就要来回切换输入法,极容易出现全角验证不通过,还很麻烦。
路人甲:用js全角转半角不就可以了?
这个当然可以,不过其实用css就可以了:ime-mode:disabled。在群里问了一下很多人都不用这个css属性,测试了下其实挺好用的(省去了用户切换输入法的麻烦还规避了用户容易输错数字的错误,不用白不用),看一个简单的例子:
ime-mode:disabled css实现关闭文本框输入法
附:苏昱css手册中对此属性的解释:
ime-mode
语法:
ime-mode : auto | active | inactive | disabled
取值:
| auto | : | 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同 |
| active | : | 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME |
| inactive | : | 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME |
| disabled | : | 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME |

10 淘宝商城首页
2012-12-8 9:05:22
9 FiFi
2010-11-9 18:16:38
8 漫步
2010-7-13 16:05:07
7 认证机构
2010-3-26 14:04:45
6 囧王
2010-2-26 20:05:16
5 DIKIcn
2009-12-29 11:54:46
4 malan923
2009-12-28 18:59:47
3 赤名莉香
2009-12-28 14:46:56
2 amanda
2009-12-24 10:02:24
1 stru
2009-11-27 20:05:43