返回首页
当前位置: 主页 > 网络编程 > Jsp实例教程 >

jQuery 还可以输入多少字 inputTotal()

时间:2017-07-10 15:19来源:知行网www.zhixing123.cn 编辑:麦田守望者

内容限制 160 字,需要 javascript 实时显示“还可以输入多少字”的提示,使用 jQuery 实现了这个功能,下面把统计输入字数的代码做个记录 inputTotal(ipt, msg) 。

还可以输入多少字代码示例:


 

var leng_max_tweet = 160; // 160个字符

$(document).ready(function(){
	inputTotal('#tweetTextarea', '#lengthSpan');

	$('#tweetTextarea').keyup(function(){
		inputTotal(this, '#lengthSpan');
	})
})

/* 统计输入字数 */
function inputTotal (ipt, msg) {
	leng_now = $(ipt).val().length; // 获取当前字数
	leng_msg = leng_max_tweet - leng_now; // 计算出剩余字数

	if (leng_msg < 0) {
		str = $(ipt).val(); // 获取内容
		$(ipt).val(str.substr(0, leng_now + leng_msg)); // 删除超出的字符
	} else {
		$(msg).html(leng_msg);
	}
}

参数 ipt 指定输入框,参数 msg 指定显示剩余字数的容器,页面加载完成调用一次 inputTotal() ,用户输入时调用 inputTotal() 。

顶一下
(0)
0%
踩一下
(0)
0%
标签(Tag):jQuery
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
猜你感兴趣