欢迎来到天天文库
浏览记录
ID:30511217
大小:16.37 KB
页数:4页
时间:2018-12-30
《基于js实现textarea中获取动态剩余字数的方法》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解基于JS实现textarea中获取动态剩余字数的方法 这篇文章主要介绍了基于JS实现textarea中获取动态剩余字数的方法的相关资料,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧 案例介绍:我们常见到有的网站有textarea文本框,当你输入的时候,下面有文字提示还能输入多少个字,今天就是要实现这个功能。当然,由于一个页面有好几个textarea,所以使用单个js逻辑进行控制是不行的,得小小的进行封装一下。当然我的封装还有缺漏,但是
2、基本功能是实现了。 首先介绍下单个textarea实现案例 html部分: 剩余可输入600字 js部分: $(function(){ $('#text_txt1').on('keyup',function(){ vartxtval=$('#text_txt1').val().length; console.log(txtval); varstr=parseInt(600-txtval); console.log(str);对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统
3、地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 if(str>0){ $('#num_txt1').html('剩余可输入'+str+'字'); }else{ $('#num_txt1').html('剩余可输入0字'); $('#text_txt1').val($('#text_txt1').val().substring(0,600));//这里意思是当里面的文字小于等于0的时候,那么字数不能再增加,只能是600个字 } //console.log($('#num_txt').ht
4、ml(str)); }); }) 然后介绍同页面下多个textarea实现案例 functionchangeLength(obj,num){ obj.on('keyup',function(){ vartxtval=obj.val().length; //console.log(txtval); varstr=parseInt(600-txtval); //console.log(str); if(str>0){ num.html('剩余可输入'+str+'字'); }else{对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到
5、只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 num.html('剩余可输入0字'); obj.val(obj.val().substring(0,600)); } //console.log($('#num_txt').html(str)); }); } $(function(){//我这里有四个,所以调用4次 changeLength($('#text_txt1'),$('#num_txt1')); changeLeng
6、th($('#text_txt2'),$('#num_txt2')); changeLength($('#text_txt3'),$('#num_txt3')); changeLength($('#text_txt4'),$('#num_txt4')); }); 当然这里面实际上要求的字数也可以封装在函数内部,不过我就不封装了。这样就实现了当输入文字的时候,span内部会自动显示剩余字数,当输入值达最高值时,显示剩余字数为0,且无法在新填入内容。当删除文字的时候,span又能动态获取剩余字数。 下面上下别人的代码,这次多少也借鉴了别人的写法 html: 简介:对党
7、的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 onkeyup="changeLength(this,60)"class="nicknameBox_v2brief_box_v2"> 60 js: //验证textarea的长度
此文档下载收益归作者所有