VUE 过滤输入框中的特殊字符 只保存中文、英文及数字

news/2024/7/10 0:24:35 标签: vue

首先是输入框 绑定好model

<el-input placeholder="请输入消息内容" v-model="keyword"></el-input>

然后使用watch监听model的变化 并过滤掉特殊字符

<script>

	function filterInput(val) {
		// 这里过滤的是除了中英文和数字的其他字符
		return val.replace(/[^a-zA-Z0-9\u4e00-\u9fa5]/, '')
	}

	export default {
	data() {
	  return {
		keyword: ''
	  }
	},
	watch: {
	  keyword: function (val) {
		this.keyword = filterInput(val)
	  }
	}

}
</script>

 


http://www.niftyadmin.cn/n/1786756.html

相关文章

CSS控制页面中文字最多显示多少行 将多余的显示为省略号

/*只显示一行 多余的会为省略号2行则改为2*/ -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;

Java 通过RestHighLevelClient 使用ES的date_histogram 根据年月日做统计

只写了后台&#xff0c;前端请求带上dateType给后台&#xff0c;后端返回封装了json字符串的map GsonUtil.getJsonStringByObject()是封装的Gson.toJson的方法 前端接受解析结果 并设置echatrs参数 即可完成图表绘制 /*** 消息趋势统计 dateType由前端传递 包括年月周* 按年…

ES使用json字符串索引文档时报错 The number of object passed must be even but was [1]

在索引新文档时&#xff0c;如果只给request指定source为一个json字符串 会报错 因为他调用的是这个方法 public IndexRequest source(Object... source) {return this.source(Requests.INDEX_CONTENT_TYPE, source); }public IndexRequest source(XContentType xContentType,…

Java 疫情期间的几次远程面试记录

记录几次真实的面试问题 内容重复则不再写 —————————————————————————————————————— 讲讲项目。。。现在技术面都是问项目 挺好 讲讲spring Spring IOC&#xff0c;autowired如何实现 Spring事务传播机制 线程死锁排查 线上CPU1…

SpringCloud bus 手动post可用 使用webhooks自动更新配置失效的解决小记

先说解决办法&#xff1a; 查阅网上资料发现大家的问题其实都出在少了一个依赖&#xff0c;而不应该手动去拦截。这个依赖加在配置中心上 <dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-config-monitor</art…

Python 判断 is 与 == 的区别

is 用于判断两个变量引用对象是否为同一个&#xff0c; 用于判断引用变量的值是否相等。 Python中&#xff0c;万物皆对象 每个对象包含3个属性&#xff0c;id&#xff0c;type&#xff0c;value id就是对象地址&#xff0c;可以通过内置函数id()查看对象引用的地址。 typ…

Java 记一次自定义比较器中compareTo方法使用long强转int作为比较结果产生的bug

最近换了新工作&#xff0c;改bug作为熟悉业务及代码的快速途径&#xff0c;是每个新人都要经历的 代码不难&#xff0c;难的是业务不熟&#xff0c;很多地方不知道为什么要这么写。当然&#xff0c;时间久了就好了 这次要找的bug是排序问题&#xff0c;前端请求接口&#xff…

分享一些收藏的技术学习网站

免费在线学习代码重构和设计模式 在线学习设计模式&#xff0c;有代码有例子&#xff0c;更加生动 What is Machine Learning? - 斯坦福大学 | Coursera 吴恩达的机器学习入门必看课程&#xff0c;有中文字幕 社区 Spring Security 从入门到进阶系列教程 | Spring For All 学…