2013-08-12 5 views
7

क्या टेक्स्टरेरा में न्यूनतम और अधिकतम वर्ण जोड़ने के लिए HTML5 फॉर्म में कोई तरीका है? ऐसा लगता है कि मैं इसे पैटर्न का उपयोग कर नियमित इनपुट पर लागू कर सकता हूं।टेक्स्टरेरा पर न्यूनतम और अधिकतम कैसे लागू करें?

<input pattern=".{3,}" title="3 characters minimum"> 

क्या मैं एक jquery समाधान देख रहा हूं?

+0

लिंक http://stackoverflow.com/questions/10281962/is-it-minlength-in-html5 – devanathan

+0

यहाँ एक उदाहरण है यह देखने के http://jsfiddle.net/xhqsB/104/ – Ali

उत्तर

1

एचटीएमएल 5 समाधान, मिनट 5, अधिकतम 10 अक्षर

http://jsfiddle.net/xhqsB/102/

<form> 
    <input pattern=".{5,10}"> 
    <input type="submit" value="Check"></input> 
</form> 
+4

और क्या लगभग 'मिनट'? –

+0

अधिक प्रमाणीकरण था - एचटीएमएल 5 में मैं आवश्यक पैटर्न का उपयोग करता हूं = "[^ @] * @ [^ @] *" /> ईमेल पते के लिए बहुत अच्छा है लेकिन टेक्स्टरेअस में यह नहीं है लेकिन मेरे पास html5 में अधिकतम-मिनट होगा बहुत वांछनीय था। – LeBlaireau

+0

@ श्री एलियन अपडेट, कृपया जांचें। – Ali

9

अधिकतम के लिए: कोड
उपयोग maxlength अधिकतम चरित्र के लिए नीचे देखें।

maxlength="nuber_of_characters" 

स्रोत: http://www.w3.org/TR/html5/forms.html#the-textarea-element

मिनट के लिए:source
उपयोग जावास्क्रिप्ट के रूप में नीचे:
<textarea> में उपयोग आईडी गुण। Minle (उदाहरण के लिए) के लिए सेट आईडी गुण यानी id="minle"

<textarea rows="10" cols="80" maxlength="200" required id="minle" > 
</textarea> 

और इनपुट करने के लिए इस उपयोगकर्ता की अनुमति देने के अपने form टैग

<form action="mango.php" method="post" id="form12" onsubmit="var text = document.getElementById('minle').value; if(text.length < 80) { alert('put more info!'); return false; } return true;"> 

में निम्नलिखित js कोड खंड डाल नहीं। 200

+2

कार्रवाई = "" एचटीएमएल 5 – dstonek

+0

@dstonek हाँ में मान्य नहीं है, लेकिन मेरे पास है जानबूझकर वैधता पर अधिक ध्यान आकर्षित करने के लिए इसे खाली छोड़ दिया। ठीक है अब मैं संपादन कर रहा हूँ। – SohelAhmedM

15

एचटीएमएल 5 समाधान, मिनट 5, 80 से पात्रों अधिकतम 20 वर्ण

की

सिर्फ विशेषता maxlength = "20" और MINLENGTH = "5" पाठ क्षेत्र टैग

http://jsfiddle.net/xhqsB/603/

करने के लिए सेट
<form> 
     <textarea maxlength="20" minlength="5"></textarea> 
     <input type="submit" value="Check"></input> 
    </form> 
+2

ध्यान दें कि यह [वर्तमान में ब्राउज़र द्वारा समर्थित नहीं है] (http://caniuse.com/#search=minlength) – Andy0708

+0

अब यह आईई/एज – Antoine

+0

को छोड़कर सभी ब्राउज़रों की तरह दिखता है यह मेरे लिए काम नहीं करता है। मुझे 'text'a 'में' आवश्यक 'संपत्ति जोड़नी थी और उसने सत्यापन को निकाल दिया था। मैं विंडोज 10 पर Google क्रोम, संस्करण 64.0.3282.167 (आधिकारिक बिल्ड) (64-बिट) का उपयोग कर रहा हूं। – Script47

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