我正在使用Jquery Numeric插件但我发现在Osx上没有使用FireFox 3.6(不允许粘贴)。
我正在搜索Jquery插件或Javascript片段,它只允许输入文本字段上的数字文本。
我有以下要求:
答案 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, ''));
});