资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery字数,jquery 字典

jquery 计算字数,思路是把所有符号换成空格,然后split空格计算字数

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插件

后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的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

在界面加载时执行.

演示代码下载

jquery限制输入字数,并提示剩余字数实现代码

复制代码

代码如下:

!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

jquery textarea 还可以输入多少汉字

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个汉字

如何用jQuery动态获取textarea中的字数

$(obj).on('input',function(){

$(this).val().length

})

input是h5新加的事件,可以支持复制的时候可以监听到

你也可以用change

用jquery 怎么获取文本框内输入的文字字数

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


分享标题:jquery字数,jquery 字典
本文URL:http://cdkjz.cn/article/dsgdcgi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220