javacsript判读文本框输入剩余字数

最新推荐文章于 2021-06-04 18:20:50 发布

原创最新推荐文章于 2021-06-04 18:20:50 发布 · 668 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #jquery

jquery javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单网页表单功能，该功能能够实时监测文本框中的输入内容，并显示剩余可输入的字符数量。当输入字符超出预设的最大限制时，会弹出警告并自动截断超出部分。

<form name="" id="" action="" class="Form">
<textarea id="TextArea1" onkeyup="checkLength(this);" style="width:600px;height:84px"></textarea><br /><br />
<span class="wordage" id="remLen">剩余字数：<span id="sy" style="color:Red;">10</span></span>
</form>

<script type="text/javascript">
function checkLength(which) {
var maxChars = 10; //
if(which.value.length > maxChars){
alert("您出入的字数超多限制!");
// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
which.value = which.value.substring(0,maxChars);
//  document.getElementById("remLen").innerHTML = '<span style="color:red;">您输入的内容超出了字数限制</span>';
return false;
}else{
// document.getElementById("remLen").innerHTML = '最多可以输入<em id="inputcount">'+(maxChars - which.value.length)+'</em>字';
var curr = maxChars - which.value.length; //250 减去 当前输入的
document.getElementById("sy").innerHTML = curr.toString();
return true;
}
}
</script>

demo下载javacsript判读文本框输入剩余字数