Rails 3 - 使文本字段仅接受数字值

Question

如何使文本字段只接受数字值？如果我按字母或符号，则不应填充文本字段，而应只允许数字。

有没有一种轨道方法可以做到这一点？

Answer 1

使用 number_field_tag，这将生成一个 HTML5 数字字段

http:// apidock.com/rails/ActionView/Helpers/FormTagHelper/number_field_tag

Answer 2

在服务器端验证数字：

class SomeModel
  validates :some_column, :numericality => {:only_integer => true}
end

在客户端，通过 javascript 添加输入掩码 https: //github.com/ruoso/jquery-regex-mask-plugin

$('#some_input').regexMask(/^\d+$/);

Answer 3

@clyfe 的答案很好，但该插件不适用于 HTML5 type=number 元素。这里有一些只允许整数的快速 jQuery 代码：

  $("input[type=number]").keypress(function(event) {
      if (!event.charCode) return true;          
      ch = String.fromCharCode(event.charCode);
      return (/[\d]/.test(ch));
  });

要允许小数或逗号，使正则表达式看起来更像插件中的那些，例如 https://github.com/ruoso/jquery-regex-mask-plugin/blob/master/regex-mask-plugin.js#L8 ：（

/^((\d{1,3}(\,\d{3})*(((\,\d{0,2}))|((\.\d*)?)))|(\d+(\.\d*)?))$/

请注意，不同的语言环境有不同的约定对于小数和逗号，因此只允许使用数字可能更安全 :-)

另请注意，这是针对此处提到的 Chrome 错误的解决方法：

• https://code.google.com/p/chromium/issues/detail?id =304455
• https://github.com/angular/angular.js/issues/2144