web-dev-qa-db-ja.com

テキストエリアに最小値と最大値を適用する方法は？

HTML5フォームに、最小および最大文字をテキストエリアに追加する方法はありますか？パターンを使用して通常の入力に適用できるようです。

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

私はjqueryソリューションを見ていますか？

html5formstextareacharactermin
14
LeBlaireau

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>
24
ladriangb

max：については、以下のコードを参照してください
最大文字数にはmaxlengthを使用します。

maxlength="nuber_of_characters"

ソース： http://www.w3.org/TR/html5/forms.html#the-textarea-element

minの場合：source
次のようにJavaScriptを使用します。
<textarea>のid属性を使用します。 id属性をminle（for）に設定します。つまりid="minle"

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

formタグに次のjsコードセグメントを配置します

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

これにより、ユーザーはnoを入力できます。 80〜200文字の.

10
SohelAhmedM

HTML5ソリューション、最小5、最大10文字

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

<form>
  <input pattern=".{5,10}">
  <input type="submit" value="Check"></input>
</form>
1
Ali Çarıkçıoğlu