码迷,mamicode.com
首页 > Web开发 > 详细

jquery扩展实现input框字符长度限制中文2个字符,英文1个字符

时间:2017-08-27 15:25:52      阅读:675      评论:0      收藏:0      [点我收藏+]

标签:substring   meta   not   bst   val   实现   max   settime   min   

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.2.1.min.js"></script>
<script>

$(function () {
$(‘input[type="text"]‘).on(‘input‘, function (e) {
var $that = $(this);
var limitLen = $that .attr("maxcodelength") //定义所需字节数
$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" maxcodelength="10">
<input type="text" maxcodelength="5">
</body>
</html>

jquery扩展实现input框字符长度限制中文2个字符,英文1个字符

标签:substring   meta   not   bst   val   实现   max   settime   min   

原文地址:http://www.cnblogs.com/edison20161121/p/7440314.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!