jquery文本域统计字数 jquery获取字体大小

jquery判断文本域长度

div id="result"您还可以输入100字/div

textarea name="content" id="content" cols="80" rows="5"/textareabr /

input type="button" name="btn" value="提交" id="btn" /

script

$(document).ready(function(){

   $("#content").keyup(function(){

         var length = 100;

         var content_len = $("#content").val().length;

         var in_len = length-content_len;

        

         // 当用户输入的字数大于制定的数时，让提交按钮失效

         // 小于制定的字数，就可以提交

         if(in_len =0){

            $("#result").html('您还可以输入'+in_len+'字');

            $("#btn").attr("disabled",false);

            // 可以继续执行其他操作

         }else{

            $("#result").html('您还可以输入'+in_len+'字');

            $("#btn").attr("disabled",true);

            return false;

         }

        

    });

   });

 

/script

相关问答

Q1: 文本框的字数限制功能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

在界面加载时执行.

演示代码下载

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

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

    $(this).val().length

})

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

你也可以用change

Q3: jquery或js判断字符输入个数(数字英文长度记为1,中文记为2,过长自动截取

div

textarea id="txtPrizeNote" runat="server" height="74px" width="480px" maxlength="10"

style="width: 480px; height: 74px; float: left"/textarea

span style="color: Red;"*/spanbr /

剩余字数：span id="showmsg" style="color: red"/span

script type="text/javascript"

//返回val的字节长度

function getByteLen(val) {

var len = 0;

for (var i = 0; i val.length; i++) {

if (val[i].match(/[^\x00-\xff]/ig) != null) //全角

len += 2;

else

len += 1;

}

return len;

}

//返回val在规定字节长度max内的值

function getByteVal(val, max) {

var returnValue = '';

var byteValLen = 0;

for (var i = 0; i val.length; i++) {

if (val[i].match(/[^\x00-\xff]/ig) != null)

byteValLen += 2;

else

byteValLen += 1;

if (byteValLen max)

break;

returnValue += val[i];

}

return returnValue;

}

$(function() {

var _area = $('textarea#txtPrizeNote');

var _info = _area.next();

var _max = _area.attr('maxlength');

var _val;

_area.bind('keyup change', function() { //绑定keyup和change事件

if (_info.find('span').size() 1) {//避免每次弹起都会插入一条提示信息

_info.append(_max);

}

_val = $(this).val();

_cur = getByteLen(_val);

if (_cur == 0) {//当默认值长度为0时,可输入数为默认maxlength值

_info.text(_max);

} else if (_cur _max) {//当默认值小于限制数时,可输入数为max-cur

_info.text(_max - _cur);

} else {//当默认值大于等于限制数时

_info.text(0);

$(this).val(getByteVal(_val,_max)); //截取指定字节长度内的值

}

});

});

/script

详细出处参考：

Q4: 用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获取字体大小、jquery文本域统计字数的信息别忘了在本站进行查找喔。