html
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站设计、网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的高平网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
head
meta http-equiv="Content-Type" content="text/html; charset=gbk" /
title计算词汇数/title
script type="text/javascript" src="jquery.js"/script
script type="text/javascript"
function count() {
// var regex1=/^[\s]*$/;
// var regex2="!";
// var regex3=".";
// var regex4=";";
var value1 = $("#message1").val();//得到textarea的值
//var value2 = value1.replace(","," ").replace(";"," ").replace("."," ").replace(";"," ").replace("!"," ");//网上说要加加/g，这个标志不知道怎么加，否则只替换第一个符号
//var count1=value2.split(regex1).length-1;
var str = "句子有"+value1.length+"个字";//直接用length属性就行
$("#div1").text(str);
}
/script
/head
body onload="count();"
br/br/br/br/br/br/br/br/
center
form id="form" method="post" action="#"
div id="div"
label id="label" for="message"Type your message/label
div id="div1"/div
textarea id="message1" name="message1" style="width:600px;height:300px;"hu lu feng.h;
y,e;h ./textarea
/div
/form
/center
/body
/html
后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的jquery
plugin，简单好用
效果如下图
复制代码
代码如下:
!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
""
html
xmlns=""
head
title关于文本框的字数限制功能/title
script
type="text/javascript"
src="jquery-1.2.6.min.js"/script
script
type="text/javascript"
src="maxlength.js"/script
/head
body
pEnter
your
hobbies
(50
characters)/p
textarea
style="width:300px;
height:150px"
data-maxsize="50"
data-output="status1"
wrap="virtual"/textareabr
/
div
id="status1"
style="width:300px;font-weight:bold;text-align:right"/divbr
/
pEnter
your
postal
code
(6
characters)/p
input
type="text"
name="T1"
size="15"
data-maxsize="6"
/body
/html
属性解释:
data-maxsize:该文本域能够接受的最大字数.(important)
data-output:如果想实时动态显示文本框里的字数，该属性设置显示字数的span或div的id.(字数显示的颜色会随着数量变化)
如果不修改它的源文件的话，加添了js引用后，你只需要给自己的text或者textarea加上data-maxsize属性就可以了。
关于动态设置最大值
使用setformfieldsize方法：
setformfieldsize($field,
maxsize,
outputfieldid)
属性解释:
$field:就是被限制的文本框的JQuery对象(参考Jquery文档).
maxsize:和data-maxsize一样,该文本域能够接受的最大字数.
outputfieldid:和data-output一样.
例子:
复制代码
代码如下:
script
type="text/javascript"
//jQuery(document).ready(function($){
//fire
on
DOM
ready
setformfieldsize(jQuery('#comment'),
50,
'charsremain')
//});
/script
在界面加载时执行.
演示代码下载
复制代码
代码如下:
!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
""
html
xmlns=""
head
meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/
titlejquery限制输入字数,并提示剩余字数/title
script
type="text/javascript"
src="jquery.js"/script
script
type="text/javascript"
function
words_deal()
{
var
curLength=$("#TextArea1").val().length;
if(curLength5)
{
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
textarea name="content" id="content" style="width:345px;height:120px;"/textareadiv id="contentwordage"/div
script type="text/javascript"
$(document).ready(function(){
var limitNum = 500;
var pattern = '还可以输入' + limitNum + '字符';
$('#contentwordage').html(pattern);
$('#content').keyup(
function(){
var remain = $(this).val().length;
if(remain 500){
pattern = "字数超过限制！";
}else{
var result = limitNum - remain;
pattern = '还可以输入' + result + '字符';
}
$('#contentwordage').html(pattern);
}
);
});
/script
这个是判断字符的，给你借鉴下。如果是判断汉字，需要根据你网页的编码来计算。
如果是GBK\GB2312编码，2个字节=1个汉字
如果是unicode\utf-8编码，里面汉字是长度不是一定的，有的长、有的短，2～4=1个汉字
$(obj).on('input',function(){
$(this).val().length
})
input是h5新加的事件，可以支持复制的时候可以监听到
你也可以用change
input type="text" value="some text"/
$("input").val();
结果是：some text
至于判断字数部分，你可以javascript来做就可以了
还有类似功能的2个函数
divpHello/p/div
$("div").html();
结果是：Hello
pbTest/b Paragraph./ppParaparagraph/p
$("p").text();
结果是：Test Paragraph.Paraparagraph
