当我们开发一个网页时,经常会涉及到输入框的开发。由于数据库字符字段的限制,往往会对文字数量有所限制。如果在输入框旁边加上剩余字符的提醒,可以增强用户体验感。那么 JS 如何实现输入框文字剩余字数提醒呢?这篇文章告诉你。
先来看下实现效果:
源码如下:
W3Cschool-编程狮$().ready(function(){
var ty = document.getElementById("cty");
var sentence=document.getElementById("sentence");
var minLen=document.getElementById("minLen");
var maxLen=document.getElementById("maxLen");
var leftLen=document.getElementById("leftLen");
sentence.οnkeyup= function () {
maxLength = parseInt(maxLen.firstChild.nodeValue);
this.value = this.value.substr(0,maxLength);
var len = this.value.length;
minLen.firstChild.nodeValue = len;
leftLen.firstChild.nodeValue = maxLength-len;
};
});
0/100字,还能输入100字!
以上就是 JS 如何实现输入框文字剩余字数的全部内容。