javascript - 使用 jquery 类后退格键不起作用

Question

对于输入字段，我使用了一个类

这里是输入字段的代码:

<?php 
  echo $this->Form->input('duration', array('class'=>'input-large text-right number-    field','value'=>'0'));
  echo $this->Form->error('duration'); 
?>

这里是 jquery 类代码:

$(".number-field").keypress(function(e) {
  var code = e.which || e.keyCode;

   if(code >= 48 && code <= 57) {
     console.debug(code);
   } else {
     return false;
   }
});

主要原因在输入字段中无法在数字字段中输入字符。这个类工作正常。但是在输入数字后退格键不起作用。例如，假设我输入了 1956，现在我想编辑它 1955。在这里我可以通过退格键剪切6。

Answer 1

您可以使用以下脚本 -

$(".number-field").keypress(function(e) {
  var code = e.which || e.keyCode;

    //allow Backspace and Delete key.
   if((code >= 48 && code <= 57) || code == 8 || code == 46) {
     console.debug(code);
   } else {
     return false;
   }
});

与转义“退格”键类似，您可能想要转义“删除”键(代码 == 46)

如果您只想允许输入类型中包含数字，则可以使用 HTML5 输入类型数字。

<input type="number" name="year">