2013-08-12 4 views
7

Есть ли способ в форматах HTML5 добавить символ min и max в текстовое поле? Кажется, я могу применить его к регулярному вводу с использованием шаблона.Как применять min и max на textarea?

<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

раствор HTML5, мин 5, не более 10 символов

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

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

А о 'мин'? –

+0

был более валидацией - в html5 Я использую требуемый шаблон = "[^ @] * @ [^ @] *" /> для адресов электронной почты отлично, но в textareas этого нет, но у меня бы получилось max-min в html5 было очень желательно. – LeBlaireau

+0

@ Mr.Alien обновлено, проверка PLS. – Ali

9

Для макс: см ниже код
Используйте maxlength для максимального характера.

maxlength="nuber_of_characters" 

Источник: http://www.w3.org/TR/html5/forms.html#the-textarea-element

Для мин:source
Использование Javascript, как показано ниже:
использование атрибута ID в <textarea>. Установить атрибут ID в Minle (для например), то есть id="minle"

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

и положить следующий JS сегмент кода в вашем 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;"> 

Этот пользователь позволяет вводить нет. символов от 80 до 200.

+2

action = "" недействителен в html5 – dstonek

+0

@ dstonek да, но у меня есть намеренно оставил его пустым, чтобы больше сосредоточиться на validatoin. Хорошо, я сейчас редактирую. – SohelAhmedM

15

раствора HTML5, мин 5, не более 20 символов

просто установить атрибут MaxLength = "20" и MinLength = "5" к Textarea тега

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

Теперь это похоже на все браузеры, кроме IE/Edge – Antoine

+0

Это не сработало для меня. Я должен был добавить свойство 'required' в' textarea', и это вызвало проверку. Я использую Google Chrome, версия 64.0.3282.167 (официальная сборка) (64-разрядная версия) в Windows 10. – Script47