HTML输入框中限制只输入金额（非负小数）

目前实现了：

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

 

评论

4 楼 aqingsao 2009-07-02  

对原文稍作了修改：
1.支持小键盘输入。onkeydown返回的是ascii码，而非对应的unicode码。小键盘输入时的ascii码不同。
2.原来代码可以通过切换输入法输入中文，添加  $("input.money").css('ime-mode', 'disabled');  后屏蔽中文输入。

3 楼 zozoh 2009-05-27  

Sorry，没仔细看LZ的贴，要求不能copy/paste
楼上说的对，所以我怀有愧疚感的贴出正则表达式：

/[0-9]*[.][0-9]/

2 楼 kjj 2009-05-27  

这样验证，我的神，你都能想得出来，正则表达是干什么吃的！！

1 楼 zozoh 2009-05-26  

如果人家 Ctrl+V 一段字咋办？
不如在 change 里检查