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

input 和 textarea 輸入框最大文字限制的jquery插件

 更新時(shí)間:2011年10月27日 23:20:58   作者:  
input 和 textarea 輸入框最大文字限制的jquery插件,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:

/* input 和 textarea 最大文字限定插件
* 修改版, 一個(gè)中文表示1一個(gè)字, 一個(gè)英文半個(gè)字;
* TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields
*
* pass '-1' as speed if you don't want the char-deletion effect. (don't just put 0)
* Example: jQuery("Textarea").textlimit('span.counter',256)
*
* $Version: 2009.07.25 +r2
* Copyright (c) 2009 Yair Even-Or
* vsync.design@gmail.com
*/

String.prototype.getBytes = function () {
var cArr = this.match(/[^\x00-\xff]/ig);
return this.length + (cArr == null ? 0 : cArr.length);
};
(function(jQuery) {
jQuery.fn.textlimit=function(counter_el, thelimit, speed) {
var charDelSpeed = speed || 15;
var toggleCharDel = speed != -1;
var toggleTrim = true;
var that = this[0];
var isCtrl = false;
updateCounter();
function updateCounter(){
if(typeof that == "object")
jQuery(counter_el).text(thelimit - Math.ceil(that.value.getBytes()/2));
};
this.keydown (function(e){
if(e.which == 17) isCtrl = true;
var ctrl_a = (e.which == 65 && isCtrl == true) ? true : false; // detect and allow CTRL + A selects all.
var ctrl_v = (e.which == 86 && isCtrl == true) ? true : false; // detect and allow CTRL + V paste.
// 8 is 'backspace' and 46 is 'delete'
if( this.value.length >= thelimit && e.which != '8' && e.which != '46' && ctrl_a == false && ctrl_v == false)
e.preventDefault();
})
.keyup (function(e){
updateCounter();
if(e.which == 17)
isCtrl=false;
if( this.value.length >= thelimit && toggleTrim ){
if(toggleCharDel){
// first, trim the text a bit so the char trimming won't take forever
// Also check if there are more than 10 extra chars, then trim. just in case.
if ( (this.value.length - thelimit) > 10 )
that.value = that.value.substr(0,thelimit+100);
var init = setInterval
(
function(){
if( that.value.length <= thelimit ){
init = clearInterval(init); updateCounter()
}
else{
// deleting extra chars (one by one)
that.value = that.value.substring(0,that.value.length-1); jQuery(counter_el).text(Math.ceil(that.value.getBytes()/2));
}
} ,charDelSpeed
);
}
else this.value = that.value.substr(0,thelimit);
}
});
};
})(jQuery);

相關(guān)文章

  • JQuery獲取表格數(shù)據(jù)示例代碼

    JQuery獲取表格數(shù)據(jù)示例代碼

    這篇文章主要介紹了通過JQuery如何獲取表格數(shù)據(jù),下面有個(gè)不錯的示例,大家可以參考下
    2014-05-05
  • jQuery基礎(chǔ)知識點(diǎn)總結(jié)(必看)

    jQuery基礎(chǔ)知識點(diǎn)總結(jié)(必看)

    下面小編就為大家?guī)硪黄猨Query基礎(chǔ)知識點(diǎn)總結(jié)(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-05-05
  • jQuery實(shí)現(xiàn)首頁頂部可伸縮廣告特效代碼

    jQuery實(shí)現(xiàn)首頁頂部可伸縮廣告特效代碼

    一套使用jQuery 插件實(shí)現(xiàn)的廣告特效代碼,其效果類似全屏廣告,打開網(wǎng)頁后在網(wǎng)頁的第一屏顯示大幅廣告,停留幾秒后慢慢伸縮至標(biāo)準(zhǔn)小圖片顯示在網(wǎng)頁預(yù)留位置上,效果非常不錯,這里推薦給大家。
    2015-04-04
  • jquery中的常見問題及快速解決方法小結(jié)

    jquery中的常見問題及快速解決方法小結(jié)

    下面小編就為大家?guī)硪黄猨query中的常見問題及快速解決方法小結(jié)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-06
  • 基于JSON格式數(shù)據(jù)的簡單jQuery幻燈片插件(jquery-slider)

    基于JSON格式數(shù)據(jù)的簡單jQuery幻燈片插件(jquery-slider)

    jquery-slider幻燈片插件通過json數(shù)據(jù)來提供圖片地址和描述信息,同時(shí)也可以更換json數(shù)據(jù)來動態(tài)切換不同的圖片,對json數(shù)據(jù)jquery幻燈片插件相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
    2016-08-08
  • 基于jQuery Easyui實(shí)現(xiàn)登陸框界面

    基于jQuery Easyui實(shí)現(xiàn)登陸框界面

    本文通過實(shí)例代碼給大家分享了基于jQuery Easyui實(shí)現(xiàn)登陸框界面,代碼簡單易懂,非常不錯,具有參考借鑒價(jià)值,需要的的朋友參考下吧
    2017-07-07
  • jQuery.form.js的使用詳解

    jQuery.form.js的使用詳解

    本文使用jquery.form.js解決提交之后,頁面發(fā)生跳轉(zhuǎn),在一個(gè)空白頁面上顯示了后端返回的json數(shù)據(jù)問題,需要的朋友參考下
    2017-06-06
  • jQuery簡單倒計(jì)時(shí)效果完整示例

    jQuery簡單倒計(jì)時(shí)效果完整示例

    這篇文章主要介紹了jQuery簡單倒計(jì)時(shí)效果,結(jié)合完整實(shí)例形式分析了jQuery針對日期與時(shí)間的計(jì)算與頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下
    2016-09-09
  • jQuery下拉框的簡單應(yīng)用

    jQuery下拉框的簡單應(yīng)用

    這篇文章主要為大家詳細(xì)介紹了jQuery下拉框的簡單應(yīng)用,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-06-06
  • 使用jQuery和ajax代替iframe的方法(詳解)

    使用jQuery和ajax代替iframe的方法(詳解)

    下面小編就為大家?guī)硪黄褂胘Query和ajax代替iframe的方法(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-04-04

最新評論