Rails 3 - Hacer que el campo de texto acepte solo valores numéricos

Question

¿Cómo hago para que un campo de texto acepte solo valores numéricos? Si presiono una letra o un símbolo, el campo de texto no debe llenarse, solo debe permitir números.

¿Hay alguna manera de hacer esto?

Answer 1

Por numericality lado del servidor de validación:

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

y en el lado del cliente, añadir una máscara de entrada a través de JavaScript https://github.com/ruoso/jquery-regex-mask-plugin

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

Answer 2

Uso number_field_tag, esto generará un campo de número de HTML5

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

Answer 3

La respuesta de @clyfe es buena, pero ese complemento no funciona con elementos HTML5 type=number. Aquí hay un código jQuery rápida que sólo permite a los números enteros:

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

para permitir decimales o comas, hacen que las expresiones regulares se parecen más a las del plugin, por ejemplo, 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*)?))$/ 

(Tenga en cuenta que diferentes lugares tienen diferentes convenciones para decimales y comas, por lo que es probablemente más seguro para permitir que solo los dígitos :-)

Tenga en cuenta también que esta es una solución para los errores mencionados aquí Chrome :

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