2013-10-11 8 views
19

द्वारा एचटीएमएल 5 में के अधिकतम मूल्य और न्यूनतम मान को कैसे सेट करें, मैं जावास्क्रिप्ट या jquery द्वारा html5 प्रकार इनपुट के अधिकतम मान और न्यूनतम मान को सेट करने का तरीका जानने का प्रयास कर रहा हूं।जावास्क्रिप्ट या jquery

<input type="number" max="???" min="???" step="0.5"/> 

कोई मार्गदर्शन

+1

क्या आपने कुछ करने की कोशिश की? 'YourInput.max = 33' की तरह? –

+0

सबसे पहले जांचें कि क्या यह आपके ब्राउज़र द्वारा समर्थित है: http://www.wufoo.com/html5/attributes/04-minmaxstep.html। – VisioN

+0

सीएसएस न्यूनतम चौड़ाई और अधिकतम चौड़ाई आपके लिए अच्छा नहीं है? – Vladimir

उत्तर

26

jQuery कृपया चाहेंगे यह आसान एक तत्व के लिए कोई गुण सेट करने के लिए बनाता है - बस का उपयोग .attr() method:

$(document).ready(function() { 
    $("input").attr({ 
     "max" : 10,  // substitute your own 
     "min" : 2   // values (or variables) here 
    }); 
}); 

दस्तावेज़ तैयार हैंडलर की आवश्यकता नहीं है अपनी स्क्रिप्ट ब्लॉक करता है, तो उस तत्व (ओं) के बाद प्रकट होता है जिसे आप कुशल बनाना चाहते हैं।

"input" के चयनकर्ता का उपयोग करके सभी इनपुट के लिए विशेषताओं को सेट किया जाएगा, इसलिए वास्तव में आपके पास प्रश्न में इनपुट की पहचान करने का कोई तरीका होना चाहिए। यदि आप इसे एक आईडी दे दी है आप कह सकते हैं:

$("#idHere").attr(... 

... या एक वर्ग के साथ:

$(".classHere").attr(... 
5

प्रयास करें इस

$(function(){ 
    $("input[type='number']").prop('min',1); 
    $("input[type='number']").prop('max',10); 
}); 

Demo

+0

क्रोम ब्राउज़र में मेरे लिए काम नहीं करता है। –

+0

@nilakanthasinghdeo: कृपया डेमो – Amit

+0

की जांच करें, इससे 10 से अधिक मूल्य लेने की इजाजत है। हालांकि यह लाल रंग में दिख रहा है। इसे जांचें। Http://jsfiddle.net/EBs33/1/ –

7

इस प्रयास करें:

<input type="number" max="???" min="???" step="0.5" id="myInput"/> 

$("#myInput").attr({ 
    "max" : 10, 
    "min" : 2 
}); 

नोट: यह केवल अधिकतम इनपुट के लिए अधिकतम और न्यूनतम मान सेट करेगा

संबंधित मुद्दे