论坛首页 Java企业应用论坛

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

浏览 6361 次
精华帖 (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

 

   发表时间:2009-05-26  
如果人家 Ctrl+V 一段字咋办?
不如在 change 里检查
0 请登录后投票
   发表时间:2009-05-27  
这样验证,我的神,你都能想得出来,正则表达是干什么吃的!!
0 请登录后投票
   发表时间:2009-05-27  
Sorry,没仔细看LZ的贴,要求不能copy/paste
楼上说的对,所以我怀有愧疚感的贴出正则表达式:

/[0-9]*[.][0-9]/
0 请登录后投票
   发表时间:2009-07-02  
对原文稍作了修改:
1.支持小键盘输入。onkeydown返回的是ascii码,而非对应的unicode码。小键盘输入时的ascii码不同。
2.原来代码可以通过切换输入法输入中文,添加  $("input.money").css('ime-mode', 'disabled');  后屏蔽中文输入。
0 请登录后投票
论坛首页 Java企业应用版

跳转论坛:
Global site tag (gtag.js) - Google Analytics