Rails 3 - Rendi campo di testo accetta solo valori numerici

Question

Come faccio a fare in modo che un campo di testo accetti solo valori numerici? Se premo una lettera o un simbolo, il campo di testo non deve essere riempito, dovrebbe consentire solo numeri.

C'è un modo per farlo?

Answer 1

Sul numericality lato server validate:

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

e sul lato client, aggiungere una maschera di input tramite javascript https://github.com/ruoso/jquery-regex-mask-plugin

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

Answer 2

Usa number_field_tag, questo genererà un campo numero di HTML5

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

Answer 3

La risposta di @ clyfe è buona, ma quel plugin non funziona con gli elementi HTML5 type=number. Ecco po 'di codice jQuery veloce che consente solo numeri interi:

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

per consentire decimali o virgole, rendono le espressioni regolari sembrano più quelli del plug-in, ad esempio, 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*)?))$/ 

(Si noti che diversi locali hanno convenzioni diverse per i decimali e le virgole, quindi è probabilmente più sicuro per consentire solo le cifre :-)

Si noti inoltre che questa è una soluzione per il bug Chrome qui menzionati :

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