uniapp或者vue input只允许输入文字

最新推荐文章于 2024-08-05 19:34:03 发布

世俗ゝ

最新推荐文章于 2024-08-05 19:34:03 发布

阅读量1.6k

点赞数

分类专栏： uniapp vue 文章标签：联系人验证正则表达式 Vue组件数据验证信息安全

本文链接：https://blog.csdn.net/wangongchao/article/details/112646975

版权

uniapp 同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

vue

24 篇文章 0 订阅

订阅专栏

<view class="oderInfo1">
					<text>联系人：</text>
					<input type="text" focus clearable value="" v-model="form.contacts"  @input="onKeyYHKNameInput" placeholder="请填写联系人" />
</view>
	data() {
			return {
		form: {
					contacts: '', //联系人
					distributionArea: '', //配送区域
					phone: '', //手机号
					detailedAddress: '', //详细地址
					// 备注信息: '' //备注信息
				}
			}
		}
	methods：{
					onKeyYHKNameInput: function(event){
			
						// clearTimeout(_timer)
						var value = event.target.value;
						//匹配数字的正则表达式
						var patt = /.*[0-9,a-z,A-Z]{1,}.*/i;
						//匹配特殊字符的正则表达式
						var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]");
						let _str=""
						for(let i=0,len=value.length;i<len;i++){
							_str+=value[i].replace(pattern,'').replace(patt,'')
						}
						this.$nextTick(function(){
								this.$set(this.form,'contacts',_str)
						})
						console.log(this.form.contacts)
			
			},
		}

就可以了，剩下的如果需要位数判断就在提交的时候验证.length就行