html输入框不可输入分号,input限制输入字符（一个中文三个字符一个英文一个字符）...

末蓝、 2022-10-06 10:50 662阅读 0赞

方法1

代码

v-model="groupName"

class="edit-input"

ref="groupName"

@change="changeValue($event,5)"

@keyup="changeValue($event,5)"

>

js

data() \{

return \{

groupName: '',

\};

\},

methods: \{

/\*限制5个字符 一个中文三个字符 一个英文一个字符 符号也分中英文\*/

changeValue(e,limit) \{

let val = e.target.value

if (this.validateTextLength(val) > limit) \{

while (this.validateTextLength(val = val.substr(0, val.length - 1)) > limit) ;//分号不能省

this.groupName = val

\}

\},

validateTextLength(value) \{

value = String(value)

let length = value.length

let reg = /(\[\\u4e00-\\u9fa5\]|\[\\u3000-\\u303F\]|\[\\uFF00-\\uFF60\])/g //匹配中文和中文字符

let hanzi = (value.match(reg) || "").length

let num = length - hanzi

let fstr = hanzi \* 3 + num //中文三个字符

return fstr

\},

\},

方法2

\[\\x00-\\xff\] 表示 0 - 255的 ASCII 码值， 是单字节的。 前面取非(^) 就表示大于255的ASCII码值了, 是双字节了， 可以用来匹配汉字

search() \{

if(this.messageInput.replace(/\[^\\x00-\\xff\]/g,"xxx").length > 10)\{//可以用xxx来设置一个汉字占几个字符，比如写两个xx，就表示一个汉字占两个字符

console.log('请不要超过10个字符');

return false;

\}

\},

发表评论取消回复

表情：

评论列表（有 0 条评论，662人围观）

还没有评论，来说两句吧...

相关阅读

相关 textarea输入字符限制

![20200219092333759.gif][] <textarea maxlength="200" class="create-note-input"></t

绝地灬酷狼/ 2023年07月06日 13:11/ 0 赞/ 34 阅读

相关 element ui 的input输入一个字符就失去焦点!

表单中的一段代码 <el-form-item v-for="(domain, index) in interfaceDebugForm.domai

Bertha 。/ 2023年02月26日 02:14/ 0 赞/ 15 阅读

相关 java语言输入一个字符_java语言

![c0aa19f9f2a6ef6ef2d4802607476b77.png][] 2012-08-03 给你代码片段： BufferedReader rd = new

深藏阁楼爱情的钟/ 2022年11月03日 05:23/ 0 赞/ 256 阅读

相关输入一个字符，输出它的ascii

include<stdio.h> int main() { char ch; scanf

迈不过友情╰/ 2022年10月16日 08:53/ 0 赞/ 328 阅读

相关 html输入框不可输入分号,input限制输入字符（一个中文三个字符一个英文一个字符）...

方法1 代码 v-model="groupName" class="edit-input" ref="groupName" @change="changeValue(

末蓝、/ 2022年10月06日 10:50/ 0 赞/ 663 阅读

相关 Dell笔记本只能输入一个字符

问题，如上，输了一个字符就不能输入了，擦~以为天热键盘烧了。重启了几次系统，都是一样，每次进入系统，只能输入一个字符后就无法输入了，初步判断是软件问题。

我不是女神ヾ/ 2022年08月24日 00:56/ 0 赞/ 316 阅读

相关校验输入框输入字符的数量

![Center][] <!DOCTYPE html> <html lang="en"> <head> <meta charset="

冷不防/ 2022年08月13日 13:57/ 0 赞/ 326 阅读

相关 Dell笔记本只能输入一个字符

问题，如上，输了一个字符就不能输入了，擦~以为天热键盘烧了。重启了几次系统，都是一样，每次进入系统，只能输入一个字符后就无法输入了，初步判断是软件问题。

曾经终败给现在/ 2022年04月13日 10:42/ 0 赞/ 465 阅读

相关输入框输入字符限制

这里以数字框为例，只允许输入数字（输入限制，粘帖限制，输入法限制） <input type="text" name="Number" onKeyPress="Numbe

男娘i/ 2022年01月10日 23:43/ 0 赞/ 573 阅读

相关 Java中如何输入一个字符

在一次编写代码时需要让程序接收一个字符，当我写出scanner.next时，我惊奇的发现，Scanner类中没有定义读取char的方法！！！ Java中的扫描器类支持next

水深无声/ 2021年09月20日 16:40/ 0 赞/ 399 阅读