uview文本框验证特殊字符和表情

最新推荐文章于 2025-03-25 16:53:47 发布

ernesto_ji

最新推荐文章于 2025-03-25 16:53:47 发布

阅读量585

点赞数 1

分类专栏： # vue 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/qq_38407462/article/details/126776122

版权

vue 专栏收录该内容

9 篇文章

订阅专栏

uview文本框验证特殊字符和表情

<view class="searchText">查询条件</view>
<view class="searchCondition">
	<view style="color: black;padding-left: 2%;"><text style="color: red;">*</text>企业名称</view>
	<view>
		<input class="uni-input" type="text" placeholder="请输入企业名称" @input="inputSearchValue"  v-model="searchValue" 
		style="text-align: right;width: 480upx;color:#7c7777;" placeholder-style="color:#B7B7B7"/>
	</view>
</view>


inputSearchValue:function(e){
	let inputValue = e.target.value;
	// 判断是否含有特殊符号
	let iconRule1 = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im;
	if(iconRule1.test(inputValue)){
		this.modalControl = true;
		this.contentText = '内容含有非法字符';
		return;
	}
	
	// 判断是否含有emoji表情
	let iconRule2 = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/ig;
	if(iconRule2.test(inputValue)){
		this.modalControl = true;
		this.contentText = '内容含有非法字符';
		return;
	}
}