VUE实现限制输入框最多输入15个中文，或者30个英文

vue项目，输入框限制输入15个中文，或者30个英文

<input type="text"  v-model="groupName" class="edit-input" ref="groupName"@input="changeValue"@change="editGroupNameSave(groupInfo.name)" >

changeValue () {let leng = this.validateTextLength(this.groupName)if (leng >= 15) {this.$refs.groupName.maxLength = leng} else {this.$refs.groupName.maxLength = 30}},validateTextLength (value) {// 中文、中文标点、全角字符按1长度，英文、英文符号、数字按0.5长度计算let cnReg = /([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/glet mat = value.match(cnReg)let lengthif (mat) {length = (mat.length + (value.length - mat.length) * 0.5)return length} else {return value.length * 0.5}}

参考： https://www.jianshu.com/p/17edabad526e

转载于:https://www.cnblogs.com/ybixian/p/10729047.html

VUE实现限制输入框最多输入15个中文，或者30个英文相关推荐

前端页面input 只能输入15个汉字，30个英文这样
下面展示一些内联代码片. 搬自https://blog.csdn.net/seven_north/article/details/87073473博客原理就是把一个汉字替换为英文字符aa,长度为2个 ...
Vue中实现输入框Input输入格式限制
Vue中实现输入框Input输入格式限制 1.使用修饰符实现数字输入在VUE中可以在v-modal后添加修饰符的形式来限制输入,比如: <input v-model.number=" ...
vue设置输入框输入长度_基于vue的限制输入框可输入字节数的解决方案
2018年07月11日基于vue的限制输入框可输入字节数的解决方案需求:input输入框输入上限4个字节.达到上限则不能继续输入,其中1个英文表示1个字节.1个中文表示2个字节. 看到这个需求,第 ...
SAP MM初阶之事务代码MIGO界面批次拆分最多输入15行？
SAP MM初阶之事务代码MIGO界面批次拆分最多输入15行? 1, 执行MIGO事务代码对工单或者采购订单执行收货. 对要收货的数量做批次拆分, 系统出现如下窗口, 2, 某项目的业务人员问,这个界 ...
Qt QlineEdit 限制输入中文和中文字符（允许英文及英文字符）
如题描述,直接上代码 ui->lineEdit->setAttribute(Qt::WA_InputMethodEnabled, false);QRegExp rx("^[A-Z ...
vue实现input输入框控制最多输入一位小数
vue实现input输入框控制最多输入一位小数, 直接在校验规则中写上js正则表达式就行,表达式如下: /^(\d+\.\d{1,1}|\d+)$/
输入框限制只能输入数字，正数、负数、0，最多两位小数；数字输入框可以输入负数，并最多保留两位小数；el-number-input去掉四舍五入和自动补齐小数；
场景: –要求1:输入框只能输入数字,可以使正数.负数.0,小数点最多保留两位. –要求2:不需要自动补齐小数点,也不需要自动四舍五入. element-ui的数字输入框el-input-number ...
一种Android输入框待输入字符去除文本监听回调的方案思路
1. 项目需求: 输入框限制输入内容为英文字符,数字,中文:长度限制最多6个字符 2. 需求拆分: 1> 字符类型限制 2> 字符长度限制 3. 方案实施: 1> 字符类型通过正则表 ...
【 javascript】＜input＞实现输入框只能输入数字（个人认为最好的）
<input> 实现输入框只能输入数字需求背景: 方案一:使用`JS`限制 input 输入框只能输入纯数字方案二:`VUE`使用`a-input-number组件`限制 input ...

VUE实现限制输入框最多输入15个中文，或者30个英文

VUE实现限制输入框最多输入15个中文，或者30个英文相关推荐

最新文章

热门文章