如何將最小和最大值應用於textarea？

有沒有在HTML5表單中添加最小和最大字符到textarea的方法？看來我可以將它應用於使用模式的常規輸入。如何將最小和最大值應用於textarea？

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

我在看jQuery解決方案嗎？

來源

2013-08-12 LeBlaireau

看到鏈接 http://stackoverflow.com/questions/10281962/is-it-minlength-in-html5 – devanathan

下面是一個例子http://jsfiddle.net/xhqsB/104/ – Ali

HTML5溶液，分5，最多10個字符

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

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

來源

2013-08-12 10:38:06 Ali

什麼關於'min'？ –

更驗證 - 在html5我使用所需的模式=「[^ @] * @ [^ @] *」/>的電子郵件地址是偉大的，但textareas沒有這個，但我會盡管在html5 max-min非常可取。 – LeBlaireau

@ Mr.Alien更新，請檢查。 – Ali

對於最大：見下文代碼
使用maxlength爲最大字符。

maxlength="nuber_of_characters"

來源：http://www.w3.org/TR/html5/forms.html#the-textarea-element

對於分鐘：source
使用JavaScript如下：在<textarea>
使用id屬性。設置id屬性民樂（用於如），即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。

來源

2014-07-08 19:37:11 SohelAhmedM

action =「」在html5中無效 – dstonek

@dstonek是的，但我有故意將其留爲空白，以便將更多精力放在validatoin上。好吧，我正在編輯。 – SohelAhmedM

HTML5溶液，分5，字符最多20個字符的

只是設置= 「5」到textarea標籤

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

屬性最大長度= 「20」和MINLENGTH

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

來源

2015-03-23 16:04:19 ladriangb

請注意，這是[目前瀏覽器不支持]（http://caniuse.com/#search=minlength） – Andy0708

現在它看起來像所有的瀏覽器，除IE/Edge – Antoine

這不適合我。我不得不將'required'屬性添加到'textarea'中，並且啓動了驗證。我在Windows 10上使用Google Chrome版本64.0.3282.167（官方版本）（64位）。 – Script47

如何將最小和最大值應用於textarea？

回答

相關問題