JS判断字符串长度,结合element el-input el-form 表单验证(英文占1个字符,中文汉字占2个字符)...

 

首先看看判断字符串长度的几种方法(英文占1个字符,中文汉字占2个字符)

方法一:

 function strlen(str) {
            var len = 0;
            for (var i = 0; i < str.length; i++) {
                var c = str.charCodeAt(i);
                //单字节加1 
                if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
                    len++;
                } else {
                    len += 2;
                }
            }
            return len;
     }

// strlen('adcd') //4
// strlen('adcd哈') //6

 

方法二:

       function GetLength(str) {
            var realLength = 0,
                len = str.length,
                charCode = -1;
            for (var i = 0; i < len; i++) {
                charCode = str.charCodeAt(i);
                if (charCode >= 0 && charCode <= 128) realLength += 1;
                else realLength += 2;
            }
            return realLength;
        }

        // GetLength('1234a')   //5
        // GetLength('我是谁')   //6

 

方法三:

      function GetLength(str) {
            var l = str.length;
            var blen = 0;
            for (i = 0; i < l; i++) {
                if ((str.charCodeAt(i) & 0xff00) != 0) {
                    blen++;
                }
                blen++;
            }
            return blen;
        }

        // GetLength('1234a') //5
        // GetLength('我是谁') //6

上面三种方法都能返回字符串的长度,结合element的自带表单验证功能,就能做出好看又好用的验证啦。下面是使用element自定义验证实现提示输入要求的案列:

    
        
            
        
        
            在线生成
        
    
    

   说了这么多,来看看效果吧:

 

******这是3个字符的,不合条件******

JS判断字符串长度,结合element el-input el-form 表单验证(英文占1个字符,中文汉字占2个字符)..._第1张图片

******这是4个字符的,符合条件******

JS判断字符串长度,结合element el-input el-form 表单验证(英文占1个字符,中文汉字占2个字符)..._第2张图片

 

******这是3个字符的,不符合条件******

JS判断字符串长度,结合element el-input el-form 表单验证(英文占1个字符,中文汉字占2个字符)..._第3张图片

转载于:https://www.cnblogs.com/wiliam/p/11024917.html

你可能感兴趣的:(JS判断字符串长度,结合element el-input el-form 表单验证(英文占1个字符,中文汉字占2个字符)...)