只接受文本框中的数字 - jQuery

Posted 2023-04-18

【中文标题】只接受文本框中的数字 - jQuery

【英文标题】：Accept only numbers in Textbox - jQuery

【发布时间】：2013-12-05 20:03:42

【问题描述】：

我需要为文本框实现一个功能，以只允许数字。我编写了以下代码，但使用 Ctrl + V 我们可以粘贴文本。我们怎样才能防止这种情况发生。

$('.numeric-textbox').live('keypress', function (e) 
    if ((e.keyCode < 48) || (e.keyCode > 57)) 
        return false;
    
);

有人可以提出一些解决方案吗？ :)

【问题讨论】：

您使用的是什么版本的 jQuery？ live() 在 1.7 中已弃用，并在 1.9 中完全删除（替换为 on()）。

@ASTEROID 为什么你使用 1.6.2？有什么理由不更新和拉取最新的/1/ 版本？

旧应用程序。要求..标准..不管他们叫什么。

【参考方案1】：

试试

$('.numeric-textbox').bind("cut copy paste",function(e) 
          e.preventDefault();
      );

这将阻止文本框上的剪切复制粘贴事件

【讨论】：

效果很好。谢谢你。 :)

@A.Wolff 如果你愿意，可以删除它

我也不允许只粘贴数字？

@Nitinvarpe 现在我可以在文本框中输入任何内容了。

【参考方案2】：

选项 1：您可以禁用 CTRL +V refer here

选项2：将正则表达式验证放在失去焦点或keyup到