jQuery verwaltet die Zeichenbeschränkung für die Texteingabe

Dieses Mal bringe ich Ihnen die jQuery-Eingabewortbeschränkung für Textbereichsoperationen. Was sind die Vorsichtsmaßnahmen für den Betrieb der Textbereichs-Eingabewortbeschränkung mit jQuery? Das Folgende ist ein praktischer Fall , lass uns einen Blick darauf werfen. Schau mal.

//先判断浏览器是不是万恶的IE
   var bind_name = 'input';//默认事件
   if (navigator.userAgent.indexOf("MSIE") != -1) {
     bind_name = 'propertychange';//不要脸IE独享的事件
   }
   var maxlength = 10;//限定输入字数
   $('#Comment').bind(bind_name, function () {//给textarea绑定事件
     var strlen = $(this).val().replace(/[^\x00-\xff]/g, "aa").length;//读取转换得到长度，中文转换成2个长度，英文空格忽视算1个长度
     $('#aviableCount').text(function () {//一个span显示现在输入多长了
       if (Math.ceil(strlen / 2) > maxlength) {//超过限定长度，只显示最大数
         return maxlength;
       }
       else {
         return Math.ceil(strlen / 2);//为什么要除以2呢，因为前面中文算两个长度，这里我们要转回来，0.5的中文长度算1个中文长度
       }
     });
     if (strlen > maxlength * 2) {//输入超过最大长度，就进行截取
       for (i = 1; i > 0; i++) {
         $(this).val($(this).val().substr(0, $(this).val().length - 1));
         if ($(this).val().replace(/[^\x00-\xff]/g, "aa").length <= maxlength * 2) {
           break;
         }
       }
     }
   })

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

jQuery-Operation Hintergrundfarbverlauf-Animationseffekt

jQuery-Plug-in FusionCharts zeichnet Kreisdiagramm

jquery implementiert nicht dynamische Suche

Das obige ist der detaillierte Inhalt vonjQuery verwaltet die Zeichenbeschränkung für die Texteingabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!