html input怎么限制字数,基于jquery的inputlimiter 实现字数限制功能

看下效果图：

源代码:

Input Limiter Demo

body {

font-family: verdana;

}

#limitingtext {

color: #333;

font-size: 90%;

}

function create_xmlDoc(){

var xmlDoc = null;

try //Internet Explorer

{

xmlDoc=new ActiveXObject("Microsoft.XMLDOM");

}

catch(e)

{

try //Firefox, Mozilla, Opera, etc.

{

xmlDoc=document.implementation.createDocument("","",null);

}

catch(e)

{

alert(e.message);

return;

}

}

return xmlDoc;

}

$(document).ready(function() {

var xmlDoc = create_xmlDoc();

xmlDoc.async=false;

xmlDoc.load("test.xml");

var x=xmlDoc.getElementsByTagName("channel");

for( var i=0; i

if(x[i].getAttribute("CID") == '1'){

num = x[i].childNodes[0].getAttribute("fNum");

strfield = x[i].childNodes[0].getAttribute("FID");

//为每个自定义字段绑定字数限制功能

$("#"+strfield).inputlimiter({

limit: num,

remText: '你还能输入 %n 个字',

remFullText: '你输入的字数已超过限制数值',

limitText: ''

});

//$("#hidNum").val(num);

}

}

$("#SendLimiter").click(function(){

if($("#Num").val().length==0){

alert("限制字数不能为空！");

return;

}

if(isdigit($("#Num").val())==0){

alert("请输入数字!");

return;

}

$.ajax({

url:'SaveLimiter.asp', //后台处理程序

type:'Post', //数据发送方式

data:"Num=" + $("#Num").val() + "&ChannelID=1"+"&Field="+$("#sel").val(), //要传递的数据

success:update_page, //回传函数(这里是函数名)

error:errorInfo

});

});

//回传函数实体，参数为XMLhttpRequest.responseText

function update_page (data) {

//alert(data);

alert("提交成功！");

}

function errorInfo(data){

alert("提交失败！"+data.responseText);

}

//判断输入值是否是数字

function isdigit(s){

var r,re;

re = /\d*/i; //\d表示数字,*表示匹配多个数字

r = s.match(re);

return (r==s)?1:0;

}

});

字数限制功能列子

字数限制

标题：

自定义字段1：

自定义字段2：

字数限制设置：

标题

自定义字段1

自定义字段2

这里的限制字数是动态设置的，所以配置了一个ASP页面和一个XML文件

ASP

num = Trim(Request("Num")) '字数限制值

channelid = Trim(Request("ChannelID")) '频道ID

sfield = Trim(Request("Field")) '需设定的字数限制值的字段

set objDom = server.CreateObject("MicroSoft.XMLDom")

objDom.load(Server.MapPath("test.xml"))

Set objNode = objDom.documentElement

'节点长度

newint=objNode.ChildNodes.length-1

for i=0 To newint

'节点id属性

set objarr=objNode.ChildNodes.item(i)

if ( objarr.Attributes.item(1).Text = channelid) then

if( objarr.ChildNodes.item(0).Attributes.item(1).Text = sfield ) then

'直接定位到节点的ID下属性的内容

objDom.getElementsByTagName("channel").item(i).childNodes.item(0).Attributes.item(2).Text = num

exit for

end if

end if

set objarr = Nothing

next

objDom.save(Server.MapPath("test.xml"))

set objNode = Nothing

Set objDom = Nothing

%>

XML