提示文字框還可以輸入多少個字數
阿新 • • 發佈:2018-11-27
提示文字框還可以輸入多少個字數
最近有一個需求 需要提示使用者 文字框最多能輸入多少個字,且使用者輸入完成之後在下方提示此處剩餘輸入的字數是多少
下面附上程式碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> function checkLength(which) { var maxChars = 45; if (which.value.length > maxChars) which.value = which.value.substring(0,maxChars); var curr = maxChars - which.value.length; document.getElementById("chLeft").innerHTML = curr.toString(); } </script> </head> <body> <p> 剩餘字數:<span id="chLeft">45</span></p> <textarea style="width:300px;height:200px;" onkeyup="checkLength(this);">評論框內容</textarea> </body> </html>