基于jquery的inputlimiter实现字数功能_jquery



看下效果图：

源代码:
代码如下:










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; iif(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;
}
});

字数功能列子

这里的字数是动态设置的，所以配置了一个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
代码如下: