min/maxlength
minlength屬性和maxlength屬性用來指定文字方塊或 textarea 中, 允許輸入的最少字元數和最大字元數。 一個漢字被看作一個字元。 如, 在以下文字方塊中, 用戶最少要輸入 5 個字元, 最多可輸入 10 個字元:
用戶名:
當使用者輸入的字元數超過 maxlength 時, 流覽器會阻止用戶繼續輸入。 在提交表單時, 當使用者輸入的字元數不在 minlength 和maxlength 的範圍內, 流覽器會阻止提交表單。 運行結果如圖 3‑34 所示:
圖3-34 限制輸入字元數
需要注意的是, 老IE對 textarea 元素的 maxlength屬性支援不太好, 當使用者輸入的字元數超過 maxlength 時, 它並不阻止用戶繼續輸入。 這個可以通過少量的Javascript代碼即可解決。
上述代碼通過監控鍵盤事件, 並獲取使用者已經輸入的字元數, 當使用者輸入的字元數超過 maxlength 時, 便阻止用戶繼續輸入, 來控制使用者輸入的字元數。