<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="scripts/zepto.min.js"></script> <script> $(function () { $('#modifyPluginName').on('input', function (e) { var $that = $(this), limitLen = 10; //定义所需字节数 $that.attr('maxlength',limitLen); setTimeout(function(){ var value = $that.val(), reg = /[\u4e00-\u9fa5]{1}/g, //中文 notReg = /\w{1}/g; //非中文 var resultCn = value.match(reg); var resultEn = value.match(notReg); if(resultCn){ limitLen = limitLen - (resultCn.length*2); } if(resultEn){ limitLen = limitLen - resultEn.length; } if(limitLen<=0){ var finalLen = value.length+limitLen; value = value.substring(0,finalLen); $that.attr('maxlength',limitLen); $that[0].value = value; } },0); }); }); </script> </head> <body> 请输入:<input type="text" id="modifyPluginName" maxlength="10"> </body> </html>
解决文本框中输入字符限制---精确控制中文占两个字节,英文占一个字节~
最新推荐文章于 2023-08-08 11:26:11 发布