你的位置:首页 > Java教程

[Java教程]限制文本输入数量并且提示剩余字数代码实例


限制文本输入数量并且提示剩余字数代码实例:

比较人性化的文本框一般都有这样的功能,输入文本的时候能够实时的显示还有剩余多少字数可以输入,下面就简单介绍一下如何实现此效果。代码如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script type="text/javascript"> function words_deal() {  var curLength=$("#textarea").val().length;  if(curLength>20)  {   var num=$("#textarea").val().substr(0,20);   $("#textarea").val(num);   alert("超过字数限制,多出的字将被截断!" );  }  else  {   $("#textCount").text(20-$("#textarea").val().length);  } } $(document).ready(function(){ $("#textarea").keyup(words_deal)})</script> </head> <body> 还剩余<span id="textCount">20</span>个字可以输入<br /> <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea> </body> </html>

以上代码实现了我们自己的要求,当输入内容的时候可以实时提醒还剩余多少文字可以输入。

推荐参阅: jQuery的keyup事件一章节。

原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0612/4005.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8303




陕西跟团旅游报价多少陕西旅游必去的地方是陕西旅游必去景点排名陕西旅游地图线路大全陕西旅游多少钱梅列瑞云山旅游景点介绍 上海外滩旅游景点介绍 重庆洋人街旅游景点介绍 燕子沟旅游景点介绍 东部华侨城什么时候去最好?深圳东部华侨城门票包括什么项目? 酒花香里闯魔城 最不可思议的海珠绿道游 3月东部华侨城有什么好玩的?2015深圳东部华侨城最新门票价格? 佛山南海影视城门票包括什么?中央电视台南海影视城有什么好玩的? 广州中山纪念堂门票怎么团购?中山纪念堂团购价格多少? 广州中山纪念堂座位图?中山纪念堂座位分布图? 广州中山纪念堂什么时候有演出?中山纪念堂演出节目表? 广州中山纪念堂演出地址?中山纪念堂演出价格? 迪拜是一夫多妻制吗? 泰国普吉岛最佳旅游时间是什么时候? 三月,四月去曼谷天气怎样?带什么衣服合适? 迪拜七星级酒店可以参观吗? AQ147A1R0BAJWE Datasheet AQ147A1R0BAJWE Datasheet SQCB7M5R6DA1ME\500 Datasheet SQCB7M5R6DA1ME\500 Datasheet 12062A180FAT2A Datasheet 12062A180FAT2A Datasheet 佳木斯跟团香港三天两晚游 佳木斯跟团香港三天两晚游 佳木斯跟团香港三天两晚游 吉林跟团港澳五天四晚 吉林跟团港澳五天四晚 吉林跟团港澳五天四晚 大庆去港澳四天三晚游 大庆去港澳四天三晚游 大庆去港澳四天三晚游