基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識別)
更新時(shí)間：2012年02月16日 18:58:06 作者：
基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識別),需要的朋友可以參考下
效果圖如下 :
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("textarea").keyup();
});
function strLenCalc(obj, checklen, maxlen) {
var v = obj.val(), charlen = 0, maxlen = !maxlen ? 200 : maxlen, curlen = maxlen, len = v.length;
for(var i = 0; i < v.length; i++) {
if(v.charCodeAt(i) < 0 || v.charCodeAt(i) > 255) {
curlen -= 1;
}
}
if(curlen >= len) {
$("#"+checklen).html("還可輸入 <strong>"+Math.floor((curlen-len)/2)+"</strong> 個(gè)字").css('color', '');
$("#subBtn").removeAttr("disabled");
} else {
$("#"+checklen).html("已經(jīng)超過 <strong>"+Math.ceil((len-curlen)/2)+"</strong> 個(gè)字").css('color', '#FF0000');
$("#subBtn").attr("disabled", "disabled");
}
}
</script>
<textarea tabindex="11" onkeyup="strLenCalc($(this), 'checklen', 80);" value="" class="px" name="subject" id="subject"></textarea>
<span id="checklen">還可輸入 <strong>40</strong> 個(gè)漢字</span>
<input type="submit" id="subBtn" value="發(fā)布" />
源代碼如下 :
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("textarea").keyup();
});
function strLenCalc(obj, checklen, maxlen) {
var v = obj.val(), charlen = 0, maxlen = !maxlen ? 200 : maxlen, curlen = maxlen, len = v.length;
for(var i = 0; i < v.length; i++) {
if(v.charCodeAt(i) < 0 || v.charCodeAt(i) > 255) {
curlen -= 1;
}
}
if(curlen >= len) {
$("#"+checklen).html("還可輸入 <strong>"+Math.floor((curlen-len)/2)+"</strong> 個(gè)字").css('color', '');
$("#subBtn").removeAttr("disabled");
} else {
$("#"+checklen).html("已經(jīng)超過 <strong>"+Math.ceil((len-curlen)/2)+"</strong> 個(gè)字").css('color', '#FF0000');
$("#subBtn").attr("disabled", "disabled");
}
}
</script>
<textarea tabindex="11" onkeyup="strLenCalc($(this), 'checklen', 80);" value="" class="px" name="subject" id="subject"></textarea>
<span id="checklen">還可輸入 <strong>40</strong> 個(gè)漢字</span>
<input type="submit" id="subBtn" value="發(fā)布" />
您可能感興趣的文章:
- jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
- jQuery textarea的長度進(jìn)行驗(yàn)證
- JQuery為textarea添加maxlength屬性的代碼
- jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
- textarea中的手動(dòng)換行處理的jquery代碼
- 使用jquery給input和textarea設(shè)定ie中的focus
- Jquery實(shí)現(xiàn)點(diǎn)擊按鈕,連續(xù)地向textarea中添加值的實(shí)例代碼
- jQuery替換textarea中換行的方法
- TextArea不支持maxlength的解決辦法(jquery)
- jquery實(shí)現(xiàn)限制textarea輸入字?jǐn)?shù)的方法
相關(guān)文章
遍歷每一行的同時(shí)一定要記住這里是gridviewrow不是datarow，找到這個(gè)選中項(xiàng)在執(zhí)行刪除2013-04-04
這篇文章主要介紹了jQuery中val()方法用法,以實(shí)例形式分析了val()方法的兩種常見用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jQuery動(dòng)畫效果相關(guān)方法實(shí)例分析
這篇文章主要介紹了jQuery動(dòng)畫效果相關(guān)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)動(dòng)畫效果所用到的常見方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2015-12-12
Jquery中使用show()與hide()方法動(dòng)畫顯示和隱藏圖片
以前我們在js中如果要隱藏顯示一個(gè)元素我們需要利用display等于none來設(shè)置并且還沒有效果，現(xiàn)在在jquery中有了hide();我們可以利用hide()方法來操作，希望本文章給大家所有幫助。2015-10-10
完美兼容各大瀏覽器的jQuery插件實(shí)現(xiàn)圖片切換特效
網(wǎng)友zoeDylan寫的原創(chuàng)jquery插件，實(shí)現(xiàn)了圖片輪播功能，jquery插件名稱為zoeDylan.ImgChange，圖片路徑、跳轉(zhuǎn)鏈接、提示標(biāo)題都是有動(dòng)態(tài)數(shù)組來配置，jquery插件可靈活配置6個(gè)參數(shù)， height高、width寬、mgs圖片地址、links點(diǎn)擊地址、tips圖片說明、timers自動(dòng)切換時(shí)間，2014-12-12
任意輸入國家和城市，用“，”分隔，點(diǎn)擊設(shè)置下面的超鏈接就變?yōu)榱藙傇O(shè)置的城市，點(diǎn)擊可以跳到這個(gè)城市的查看地圖頁，鼠標(biāo)移到超鏈接上會(huì)彈出一個(gè)350*350的地圖2013-05-05
使用jquery動(dòng)態(tài)加載Js文件和Css文件
這篇文章主要為大家詳細(xì)介紹了使用jquery動(dòng)態(tài)加載Js文件和Css文件的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-10-10
這篇文章主要介紹了jQuery中andSelf()方法用法,實(shí)例分析了andSelf()方法將先前所選的元素加入當(dāng)前元素集合中的使用技巧,需要的朋友可以參考下2015-01-01
jQuery/JS監(jiān)聽input輸入框值變化實(shí)例
在本篇文章里小編給大家整理的是一篇關(guān)于jQuery/JS監(jiān)聽input輸入框值變化實(shí)例內(nèi)容，需要的朋友們學(xué)習(xí)下。2019-10-10
jQuery滾動(dòng)加載圖片效果的實(shí)現(xiàn)
實(shí)現(xiàn)滾動(dòng)加載的一個(gè)功能函數(shù)，需要的朋友可以參考一下2013-03-03