欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

仿微博字符限制效果實(shí)現(xiàn)代碼

 更新時(shí)間：2012年04月20日 01:03:39   作者：  
字符限制公司項(xiàng)目中有個(gè)這樣的東西，大家用微博的都明白哈

這是初始狀態(tài)

 

輸入文字變成這樣，這里會(huì)區(qū)分圓角半角，2個(gè)半角的文字算一個(gè)。

 

這個(gè)是超出的樣子

 

如果超出了點(diǎn)擊提交，會(huì)有紅色閃動(dòng)提示

 

好了，效果就是這樣子，都是js的。。用的話，記得加個(gè)jq文件過來。。

這里是超出只有提示，還可以超出以后截掉多余的。。不過公司項(xiàng)目不用，說是體驗(yàn)不好~~~

復(fù)制代碼 代碼如下:

var oH2 = $("#spetit_word");//提示文字
var oTextarea = $("#p_qa_content");//輸入框
var oButton = $("#bt-ico");//按鈕

復(fù)制代碼 代碼如下:

oTextarea.live("keyup", function () {
Limit(oTextarea, 280, oH2);
})
oButton.live("click", function () {
if (font_count < 0 || font_count == null || font_count == 140) {
Error(oTextarea);
} else {
alert('發(fā)布成功！');
}
});

復(fù)制代碼 代碼如下:

var font_count;

function WordLength(obj) {
var oVal = obj.val();
var oValLength = 0;
oVal.replace(/\n*\s*/, '') == '' ? oValLength = 0 : oValLength = oVal.match(/[^ -~]/g) == null ? oVal.length : oVal.length + oVal.match(/[^ -~]/g).length;
return oValLength
}
function Error(obj) {
var oTimer = null;
var i = 0;
oTimer = setInterval(function () {
i++;
i == 5 ? clearInterval(oTimer) : (i % 2 == 0 ? obj.css("background-color", "#ffffff") : obj.css("background-color", "#ffd4d4"));
}, 100);
}
//obj-要檢查的輸入框, iNow-多少字, tit-提示框
function Limit(obj, iNow, tit) {
var oValLength = WordLength(obj);
font_count = Math.floor((iNow - oValLength) / 2);
if (font_count >= 0) {
tit.html("你還可以輸入<strong>" + font_count + "</strong>字");
return true;
} else {
tit.html("已超出<strong style='color:red'>" + Math.abs(font_count) + "</strong>字");
return false;
}
return font_count;
}

相關(guān)文章

最新評(píng)論