表單限制字串輸入長度

admin發表於2019-03-29
字串

比如在對單行文字框或者多行文字框輸入字串的時候。

可能會有輸入長度的限制，傳統JavaScript方式實現較為麻煩。

HTML5提供了更為簡單的方式，程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title>  
</head> 
<body> 
<form action="#" method="post">
  <input type="text" id="txt" minlength="2" maxlength="5"/>
  <input type="submit" id="bt" value="提交表單"/>
</form>
</body> 
</html>

程式碼分析如下：

（1）.minlength設定文字框被允許輸入字串的最小長度。

（2）.maxlength設定為本框被允許輸入字串的最大長度。

（3）.如果輸入的字串長度小於2，那麼會彈出一個提示框。

（4）.如果輸入的字串長度超過5，那麼將被自動忽略。

特別說明：

（1）.minlength與maxlength屬性對多行文字框、單行文字框或者郵箱等控制元件有效。

（2）.對數字控制元件無效，數字限制的是大小，通常不會限制所謂的長度。

相關文章