方法一:在文本框能区分并限制中文英文字数功能
怎么区分中文和英文呢?string对象有一个叫charCodeAt(index)的方法,可以获取字符串中某一个字符的编码。因为字母数字的ascii编码都小于255而汉字的编码肯定大于255,因此我们可以使用此方法来判断字符串占用多少英文字符的宽度。
效果如下图:
代码:
$('.titleArea').keyup(function () {
var hidTitleWordNum = parseInt($('.hidTitleWordNum').val());
var titleAreaVal = $('.titleArea').val();
var sum = 0;
for (var i = 0; i < titleAreaVal.length; i++) {
if ((titleAreaVal.charCodeAt(i) >= 0) && (titleAreaVal.charCodeAt(i) <= 255)) {
sum = sum + 1;
} else {
sum = sum + 2;
}
if (sum > hidTitleWordNum) {
alert("输入数据超长!不能再输入数据。");
var str = titleAreaVal.substring(0, i);
$('.titleArea').val(str);
$('.titleWordNum').text(hidTitleWordNum - getLength($('.titleArea').val()));
break;
} else {
$('.titleWordNum').text(hidTitleWordNum - getLength($('.titleArea').val()));
}
}
});