序言
程序前台页面中,经常有一些有输入长度限制的input和textarea,限制长度的方法有标签上加入maxlength属性和使用js的length属性获取输入的内容长度。
以上的方法适用于大多数情况,但需求更复杂一些,比如输入框中最多输入10个全角文字或20个半角文字,即只能输入10个汉字或者20个英文数字。这时length属性就变得不适用。
解决方法
将输入的字符转为Unicode编码,根据编码来判断哪些是全角字符(对应length+=2),哪些是半角字符(对应length+=1)。
js版本
/**
* 全角文字的长度
* @param 输入文字
* @return 文字长度
*/
function getMojiLength(str) {
var realLength = 0;
var len = str.length;
var charCode = -1;
for ( var i = 0; i < len; i++) {
charCode = str.charCodeAt(i);
if (charCode >= 0 && charCode <= 254) {
// 0-255中的全角文字,依次对应下面的字符
// ¢ , £ , § , ¨ , « , ¬ , ¯ , ° , ± , ´ , µ , ¶ , · , ¸ , » , × , ÷
if (charCode == 162
|| charCode == 163
|| charCode == 167
|| charCode == 168