对话框将输入限制为仅数字

Question

我在这里有一个有关对话框的工作代码，该对话框可以让用户输入一些东西，但是我在实现仅接受数字输入的函数时遇到了问题。

对话框代码：

HTML：

<p>You have entered: <span id="buttonoutput"></span></p>
<a id="opendialog" data-role="button">Sample Dialogbox</a>

jQuery的：

$(document).delegate('#opendialog', 'click', function() {

  $('<div>').simpledialog2({
    mode: 'button',
    headerText: 'Hmm?',
    headerClose: true,
    buttonPrompt: 'Please Type Something',
    buttonInput: true,
    buttons : {
      'OK': {
        click: function () { 
          $('#buttonoutput').text($.mobile.sdLastInput);
        }
      },
    }
  })
})

我的输入限制功能：

            //only accepts numerical input
    function isNumberKey(evt){
        var charCode = (evt.which) ? evt.which : event.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
        return true;
    }

我的问题是如何在对话框的输入框中调用该函数。 任何帮助或建议将很高兴被接受。 提前致谢。

Answer 1

使用这样的输入掩码可能会更容易。 无论如何，如果您想使用自定义函数，则可能要在输入中使用.keyup（）函数：

$('input').keyup(function() {
    // Do something
});

Answer 2

尝试：

$('#inputbox').keydown (function () {
 $(this).val().replace(/[^\d]/g, '');
});

这实际上将替换所有非数字。 在keydown事件中使用它。