This article describes the method of JS to determine the number of words that can be entered in the text box. Share it for your reference. The details are as follows:
Purpose: In order to more intuitively reflect the user can see how many words he has entered when entering text in the text box, the project needs to judge the number of words left in the text box.
JS implementation method
Copy the code as follows: <html>
<head runat="server">
<title></title>
<script type="text/javascript">
var maxstrlen = 160;
function Q(s) { return document.getElementById(s); }
function checkWord(c) {
len = maxstrlen;
var str = c.value;
myLen = getStrleng(str);
var wck = Q("wordCheck");
if (myLen > len * 2) {
c.value = str.substring(0, i + 1);
}
else {
wck.innerHTML = Math.floor((len * 2 - myLen) / 2);
}
}
function getStrleng(str) {
myLen = 0;
i = 0;
for (; (i < str.length) && (myLen <= maxstrlen * 2); i++) {
if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128)
myLen++;
else
myLen += 2;
}
return myLen;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="font-size: 16px">
Control the input character input in the input box, calculate the total number of input characters, and display the remaining number of words;<br>
One English character counts one character, and one Chinese character counts two characters counts.
</div>
<div>
<textarea onkeyup="javascript:checkWord(this);" onmousedown="javascript:checkWord(this);"
name="content" style="overflow-y: scroll"></textarea>
</div>
<div>
You can also enter <span style="font-family: Georgia; font-size: 26px;" id="wordCheck">160</span> characters
</div>
</form>
</body>
</html>
I hope this article will be helpful to everyone's JavaScript programming.