仅允许输入文本字段上的数字文本

时间:2010-05-25 10:32:16

标签: javascript jquery

我正在使用Jquery Numeric插件但我发现在Osx上没有使用FireFox 3.6(不允许粘贴)。

我正在搜索Jquery插件或Javascript片段,它只允许输入文本字段上的数字文本。
我有以下要求:

  1. 应该只允许数字文字
  2. 不应允许标点符号(。,)
  3. 不应允许虚线文字( - )
  4. 应仅允许粘贴数字文本
  5. 多浏览器

3 个答案:

答案 0 :(得分:7)

DEMO: http://so.devilmaycode.it/allowing-just-numeric-text-on-input-text-field/

jQuery.fn.onlyDigits = function() {
    var k;
    // little trick just in case you want use this:
    $('<span></span>').insertAfter(this);
    var $dText = $(this).next('span').hide();
    // Really cross-browser key event handler
    function Key(e) {
        if (!e.which && ((e.charCode ||
        e.charCode === 0) ? e.charCode: e.keyCode)) {
        e.which = e.charCode || e.keyCode;
        } return e.which; }
    return $(this).each(function() {
        $(this).keydown(function(e) {
            k = Key(e);
            return (
            // Allow CTRL+V , backspace, tab, delete, arrows,
            // numbers and keypad numbers ONLY
            ( k == 86 && e.ctrlKey ) || (k == 86 && e.metaKey) || k == 8 || k == 9 || k == 46 || (k >= 37 && k <= 40 && k !== 32 ) || (k >= 48 && k <= 57) || (k >= 96 && k <= 105));
        }).keyup(function(e) {
            var value = this.value.replace(/\s+/,'-');
            // Check if pasted content is Number
            if (isNaN(value)) {
                // re-add stored digits if CTRL+V have non digits chars
                $(this).val($dText.text());
            } else { // store digits only of easy access
                $dText.empty().append(value);
            }
        });
    });
};

<强> USAGE:

$("#onlydigits").onlyDigits();

注意:

  

感谢Insider指出MAC的过去(cmd + v)


关键事件处理程序参考:

答案 1 :(得分:5)

感谢dev-null-dweller,我已经解决了这个脚本:

jQuery('#input').bind('keyup blur',function(){ 
   jQuery(this).val( jQuery(this).val().replace(/[^0-9]/g,'') ); }
);

答案 2 :(得分:0)

谢谢systempuntoout ..我用以下脚本

解决了这个问题
$('#input').keyup( function() {
  var $this = $(this);
  $this.val($this.val().replace(/[^\d.]/g, ''));     
});