<script type="text/javascript">
$(function(){
$("#content").bind({
"keyup": function (e) {
$("#cl").empty();
$("#cl").append(smartLen($(this).val()));
checkWords($(this).val());
}
});
});
var urlReg ={
"urlRegText":"((news|telnet|nttp|file|http|ftp|https)://){1}(([-A-Za-z0-9]+(\\.[-A-Za-z0-9]+)*(\\.[-A-Za-z]{2,5}))|([0-9]{1,3}(\\.[0-9]{1,3}){3}))(:[0-9]*)?(/[-A-Za-z0-9_\\$\\.\\+\\!\\*\\(\\),;:@&=\\?/~\\#\\%]*)*"
};
// 字符串长度
function smartLen(str) {
str = str.replace(/(^[\s\n]+)|([\s\n]+$)/,"").replace(/[\s\n]+/g," ");
str = str.replace(new RegExp(urlReg.urlRegText, "gi"), new Array(12).join("aa"));
return Math.ceil(($.trim(str.replace(/[^\u0000-\u00ff]/g, "aa")).length) / 2);
}
function checkWords(content){
var len = 140-smartLen(content);
if (len < 0) {
$('#txtLen').html('超出 <em style="color:#E56C0A">' + (-len) + '</em> 字');
$("#subbtn").attr("disabled",true);
} else {
$('#txtLen').html('还能输入 <em>' + len + '</em> 字');
$("#subbtn").attr("disabled",false);
}
}
</script>
<div class="bgcenter">
<div class="t">
<div class="r fr" id="txtLen">还能输入 <em>140</em> 字</div>
<div id="cl"></div>
</div>
<div class="subform" >
<form action='http://share.v.t.qq.com/index.php?c=share&a=submit' method="post" target="_self" id="subform">
<textarea style="width: 524px;" id="content" name="content"></textarea>
</form>
<input type="button" id="subbtn" value="分享" title="转播 (快捷键 Ctrl+Enter))"/>
</div>
</div>
分享到:
相关推荐
jQuery计算文本框可输入字数代码基于jquery-2.2.3.min.js制作,动态计算文本框可输入字数统计。
jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
Jquery多选文本框Jquery多选文本框Jquery多选文本框Jquery多选文本框
jQuery点击文本框下拉菜单城市选择代码
jQuery点击文本框下拉菜单城市选择代码
jquery-文本框输入即时显示可输入剩余字符数
jquery input文本框模拟select选择框获取选定 jquery input文本框模拟select选择框获取选定 jquery input文本框模拟select选择框获取选定
jquery表单文本框添加文字标签 jquery表单文本框添加文字标签 jquery表单文本框添加文字标签 jquery表单文本框添加文字标签
jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
自己用jQuery做的文本框字数统计/限制插件,可以设定最高字数,设计按字或字节统计,显示剩余字数
Html结合css与jquery实现文本框输入数字自动添加table列表
jQuery插件 文本框、文本域 光标处插入代码 免费就是强大, 大家一起共享哈....
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <...js点击文本框内容互换代码<... 这是一份jQuery点击文本框内容互换,需要的朋友可以下载使用
jquery 设置文本框抖动效果
JS与Jquery之文本框输入并同步输出显示 JS与Jquery之文本框输入并同步输出显示
css+jquery美化文本框,选择框