浏览 6361 次
锁定老帖子 主题:HTML输入框中限制只输入金额(非负小数)
精华帖 (0) :: 良好帖 (0) :: 新手帖 (1) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2009-05-26
最后修改:2009-07-02
目前实现了: 1. 只能输入1个小数点 2. 只能输入数字 3. 可以输入以下特殊字符:回退;删除;home;end;箭头 4. 限制用户不能拷贝粘贴; 代码中使用char code进行验证,同时如果按的是数字键,则不能同时按Shift键。
下面是JavaScript方法:
function limit_money_input() { $("input.money").bind("contextmenu", function(){ return false; }); $("input.money").css('ime-mode', 'disabled'); $("input.money").bind("keydown", function(e) { var key = window.event ? e.keyCode : e.which; if (isFullStop(key)) { return $(this).val().indexOf('.') < 0; } return (isSpecialKey(key)) || ((isNumber(key) && !e.shiftKey)); }); } function isNumber(key) { return key >= 48 && key <= 57 } function isSpecialKey(key) { //8:backspace; 46:delete; 37-40:arrows; 36:home; 35:end; 9:tab; 13:enter return key == 8 || key == 46 || (key >= 37 && key <= 40) || key == 35 || key == 36 || key == 9 || key == 13 } function isFullStop(key) { return key == 190 || key == 110; }
使用使只需要在页面加载时调用即可,比如用jquery: $(limit_money_input);
参考文件: 1. http://unixpapa.com/js/key.html
声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2009-05-26
如果人家 Ctrl+V 一段字咋办?
不如在 change 里检查 |
|
返回顶楼 | |
发表时间:2009-05-27
这样验证,我的神,你都能想得出来,正则表达是干什么吃的!!
|
|
返回顶楼 | |
发表时间:2009-05-27
Sorry,没仔细看LZ的贴,要求不能copy/paste
楼上说的对,所以我怀有愧疚感的贴出正则表达式: /[0-9]*[.][0-9]/ |
|
返回顶楼 | |
发表时间:2009-07-02
对原文稍作了修改:
1.支持小键盘输入。onkeydown返回的是ascii码,而非对应的unicode码。小键盘输入时的ascii码不同。 2.原来代码可以通过切换输入法输入中文,添加 $("input.money").css('ime-mode', 'disabled'); 后屏蔽中文输入。 |
|
返回顶楼 | |