रेल 3 - टेक्स्ट फ़ील्ड केवल संख्यात्मक मान स्वीकार करें

Question

मैं टेक्स्ट फ़ील्ड को केवल संख्यात्मक मानों को कैसे स्वीकार करूं? अगर मैं एक पत्र या प्रतीक दबाता हूं, तो टेक्स्ट फ़ील्ड भरना नहीं चाहिए, इसे केवल संख्याओं को ही अनुमति देना चाहिए।

क्या ऐसा करने के लिए कोई रेल तरीका है?

Answer 1

सर्वर साइड सत्यापित करें numericality पर:

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

और क्लाइंट की तरफ, जावास्क्रिप्ट https://github.com/ruoso/jquery-regex-mask-plugin

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

Answer 2

उपयोग number_field_tag के माध्यम से एक इनपुट मुखौटा जोड़ने के लिए, यह एक एचटीएमएल 5 नंबर क्षेत्र उत्पन्न होगा

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

Answer 3

@ क्लाइफ़ का जवाब अच्छा है, लेकिन वह प्लगइन HTML5 type=number तत्वों के साथ काम नहीं करता है।

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

दशमलव या अल्पविराम अनुमति देने के लिए रेगुलर एक्सप्रेशन से अधिक प्लगइन है, उदा उन की तरह लग रहे बनाने के लिए,: यहाँ कुछ त्वरित jQuery कोड है कि केवल पूर्णांकों की अनुमति देता है है 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*)?))$/ 

(ध्यान दें कि विभिन्न स्थलों, दशमलव और अल्पविराम के लिए अलग-अलग सम्मेलनों है, तो यह शायद सुरक्षित है सिर्फ अंक :-)

भी ध्यान रखें कि यह यहाँ उल्लेख क्रोम कीड़े के लिए एक समाधान नहीं है अनुमति देने के लिए :

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