六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 119|回复: 0

HTML输入框中限制只输入金额(非负小数)

[复制链接]

升级  56%

6

主题

6

主题

6

主题

童生

Rank: 1

积分
28
 楼主| 发表于 2013-2-7 19:23:35 | 显示全部楼层 |阅读模式
目前实现了:
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
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表