javascript - 输入必须是数字格式 仅检查

Question

我有一个带有简单数学函数的简单脚本。我希望用户只插入数字。我怎样才能在代码中做到这一点？甚至更好 - 如何防止输入非数字字符？

 $('form').submit(
 function (e) {
   e.preventDefault();

    $('#result').text("Result is " + parseInt($('#var1').val()) / 2 + " days");
 });

http://jsfiddle.net/eWXUT/1/

Answer 1

您可以通过以下方式检查输入：

$('#var1').keypress(function(event) {
var code = (event.keyCode ? event.keyCode : event.which);
if (!(
        (code >= 48 && code <= 57) //numbers
        || (code == 46) //period
    )
    || (code == 46 && $(this).val().indexOf('.') != -1)
   )
    event.preventDefault();
});

或使用 jquery：

$('#val1').change(function() {
  $(this).val($(this).val().match(/\d*\.?\d+/));
});

Answer 2

尝试在按键/上/下删除非整数值 - 这是一个活生生的例子

$('#var1').on('keypress keydown keyup', function(){
       $(this).val($(this).val().replace(/([^\d]+)/, '')); 
    });