Element UI 中文英文混合字符长度校验

场景

当我们需要使用 element-ui 来校验长度的时候，可以在前端用其内置的 max、min 属性来限制。但是我们知道——由于数据库的编码格式的不同，一个汉字在数据库中需要占 2-3 个字节。

假如有一个 name 字段，数据库中设置的长度为64。在 element-ui 中如果用 max:64 的方法对字段进行限制，那么输入64个汉字时，数据库中实际的长度就是 192 ，这显然不是我们想要的。所以，我们需要自定义一个函数，可以满足中英文字符的混合校验，精准地对字段的长度进行限制。

实现

const validLength = function (rule, value, callback) {function getStrLength(str) {// 当数据库编码为一个汉字占3个字节时，把字符中的每个汉字都替换成'xxx'再得出长度return str.replace(/[^x00-xff]/g, 'xxx').length;}if (!value) {callback();} else if (getStrLength(value) <= 64) {callback();} else {return callback(new Error('不能超过 64 个字符'))}
}

明天更新校验函数 validator 的传参与复用

Element UI 中文英文混合字符长度校验相关推荐

Java中英文字母汉字混合字符长度值计算
Java中英文字母汉字混合字符长度值计算 String string = "phil安卓";Logger.d(string.length());try {String newStr ...
java基础-String字符串字符长度校验
java基础-String字符串字符长度校验 /*** 校验字符串是否在规定字符数内* @param str* @param maxLength* @return*/ public static bo ...
python分割字符串中文_python 分割中文英文混合字符串的正确方法
python 里的字符编码不统一导致中英文的处理有不同的结果,下面介绍中文英文混合字符串 split 的方法. 分割词 #!/usr/bin/env python # -*- coding: utf- ...
C#支持中文的格式化字符长度方法
支持中文的格式化字符长度,自动添加...符号 #region 格式化字符串长度/// <summary>/// 格式化字符串长度/// </summary>/// <pa ...
中与英文统计字符长度
我们统计字符长度的什么应该会发现英文(utf-8)和中文(gb2312)的统计长度不统一下面交大家解决办法可以使用php函数mb_strlen进行检测,如果你使用utf-8编码的话,就要添加后面的 ...
Java中计算处理中文两个字符长度问题解决（中文2个字符，英文1个字符）
在java中定义一个 String str="我爱中国" : str.length() 的长度是4 个字符,但是有时有我们处理文件格式的时候 ,定义固定的长度,中文只计算一 ...
在vue里面，element ui，el-select表单选中校验失败
项目场景: 在element 表单中我们需要校验,当表单中有数据变动时,会触发检验. 问题描述提示:这里描述项目中遇到的问题: 在项目中,提交时下拉菜单没有选,会触发校验提示,去选中下拉菜单的数据, ...
JavaScript表单验证，输入中文时字符长度为2
获取输入框中的字符长度进行表单验证,当输入英文时字符长度就是1,当输入中文时字符长度为2. 字符数为4~16位, 上图: 一个中文抵两英文. 上代码 1 btn.addEventListener('c ...
Element UI库的入门使用
Element UI 有的 ul 库在 style 上添加 scoped 后可能会导致自定义样式失效.element ui 可以支持 scoped 多用于管理系统的开发,有明确设计稿的情况下一般不方便 ...

Element UI 中文英文混合字符长度校验

场景

实现

Element UI 中文英文混合字符长度校验相关推荐

最新文章

热门文章