Jak zastosować min i max w obszarze tekstowym?

Question

Czy istnieje sposób w formularzach HTML5, aby dodać znak min i max do obszaru tekstowego? Wygląda na to, że mogę go zastosować do zwykłego wejścia za pomocą wzorca.

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

patrzę rozwiązanie jQuery?

Answer 1

roztwór HTML5 min 5, max 10 znaków

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

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

Answer 2

Dla max: patrz poniżej kodu
Zastosowanie maxlength dla maksymalnej postaci.

maxlength="nuber_of_characters" 

Źródło: http://www.w3.org/TR/html5/forms.html#the-textarea-element

na min:source
Zastosowanie JavaScript poniżej:
stosowanie atrybutu ID <textarea>. Zestaw atrybut id do Minle (EG), tj id="minle"

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

i umieścić następującą js segment kodu w form tagu

<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;"> 

Ten użytkownik nie pozwoli na wejście. w postaci od 80 do 200

Answer 3

roztworu HTML5 min 5, 20 znaków

wystarczy ustawić atrybut MaxLength = "20" i MINLENGTH = "5" do znacznika textarea

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

<form> 
     <textarea maxlength="20" minlength="5"></textarea> 
     <input type="submit" value="Check"></input> 
    </form>