我正在尝试创建一个只能输入数字的输入框。这个函数对我来说已经基本正常工作：
$('#p_first').keyup(function(event){
if(isNaN(String.fromCharCode(event.which))){
var value = $(this).val();
$(this).val(value.substr(0,value.length-1));
}
});
但问题是，当用户按住带有字符的键时，功能键弹起事件不会被触发... 有什么办法可以禁止这种情况发生吗？
keypress事件而不是keyup。当按键被按住时，它会重复触发。如果按下的按键不是数字，你可以调用preventDefault()来阻止按键被放置在输入标签中。 $('#p_first').keypress(function(event){
if(event.which != 8 && isNaN(String.fromCharCode(event.which))){
event.preventDefault(); //stop character from entering input
}
});
function isNumberKey(e) {
var result = false;
try {
var charCode = (e.which) ? e.which : e.keyCode;
if ((charCode >= 48 && charCode <= 57) || (charCode >= 96 && charCode <= 105)) {
result = true;
}
}
catch(err) {
//console.log(err);
}
return result;
}
jQuery('.numbersOnly').keyup(function () {
this.value = this.value.replace(/[^0-9\.]/g,'');
});
演示: http://jsfiddle.net/DbRTj/
同样的问题:
NumLock 键，这样应该可以解决你的问题。 - webdeveloper最好的方法是检查输入值，而不是按下的键。因为在使用字符代码时需要检查制表符、箭头、退格和其他字符。
该代码在用户按下键后检查输入值：
$('#p_first').keyup(function(){
while(! /^(([0-9]+)((\.|,)([0-9]{0,2}))?)?$/.test($('#p_first').val())){
$('#p_first').val($('#p_first').val().slice(0, -1));
}
});
当输入值无效时，使用while循环删除最后一个字符。 正则表达式/^(([0-9]+)((\.|,)([0-9]{0,2}))?)?$/验证整数和浮点数，例如"12,12"，"12.1"，"12."。 重要的是数字"12."（末尾带有小数点）也是有效的！否则用户无法输入任何句点。
然后在提交时，正则表达式检查有效的浮点数([0-9]{1,2})而不是([0-9]{0,2})：
$('form').submit(function(e){
if(! /^([0-9]+)((\.|,)([0-9]{1,2}))?$/.test($('#p_first').val())){
$('#p_first').addClass('error');
e.preventDefault();
}
});
注意：最好将$('#p_first')分配给变量。 var input = $('#p_first');
试一下，可能有用。
<HTML>
<input type="text" name="qty" id="price" value="" style="width:100px;" field="Quantity" class="required">
</HTML>
<script>
$(document).ready(function() {
$('#price').live('keyup',function(){
this.value = this.value.replace(/[^0-9\.]/g,'');
});
});
</script>
使用关键事件，使用event.key获取实际值。要检查是否为整数：
isFinite(event.key);
number类型输入。它只限制为数字（有点）。<input type="number">
string.replace(/[^0-9]/g,'');
// Validate Numeric inputs
function isNumber(o) {
return o == '' || !isNaN(o - 0);
}
var keyCode = e.keyCode || e.which;
if (keyCode >= 96 && keyCode <= 105) {
// Numpad keys
keyCode -= 48;
}
console.log(isNumber(String.fromCharCode(keyCode)));
console.log(isNumber($(this).val() + String.fromCharCode(keyCode)));
如果 isNumber 的返回值为 false，则返回 false：
var txtVal = $(this).val() + String.fromCharCode(keyCode);
if (!isNumber(txtVal)) {
e.returnValue = false;
}
JavaScript:
function isNumberKey(a){
var x=a.val();
a.val(x.replace(/[^0-9\.]/g,''));
}
HTML:
<td><input type="text" name="qty" onkeypress="onkeyup="return isNumberKey($(this));"" value="" style="width:100px;" field="Quantity" class="required"></td>