jquery限制输入字数,并提示剩余字数实现代码
发布时间：2013-10-17 编辑：jiaochengji.com
jquery限制输入字数,并提示剩余字数,本文将介绍如何实现这个功能，需要了解的朋友可以参考下
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery限制输入字数,并提示剩余字数</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function words_deal()
{
var curLength=$("#TextArea1").val().length;
if(curLength>5)
{
var num=$("#TextArea1").val().substr(0,5);
$("#TextArea1").val(num);
alert("超过字数限制，多出的字将被截断！" );
}
else
{
$("#textCount").text(5-$("#TextArea1").val().length);
}
}
</script>
</head>
<body>
剩余<span id="textCount">5</span>个字<br />
<textarea name="textarea" id="TextArea1" cols="45" rows="5" onkeyup="words_deal();" ></textarea>
</body>
</html>
您可能感兴趣的文章：
jquery限制输入字数,并提示剩余字数实现代码
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
js统计文本框Textarea中的字数
基于jQuery的倒计时实现代码
JS限制Textarea文本域字符个数的代码分享(图文)
javascript限制文本框textarea输入字数的代码
jquery判断字符输入个数（数字英文长度记为1，中文记为2，超过长度自动截取）
通过js实时统计文本框的输入字数限制
js显示输入剩余字数的代码一例
js限制textarea中每行输入字符串长度的方法
[关闭]