vue+elementui，输入框输入特殊字符提示

在data中写入，在return下边

//在data中写入
data(){let validateInput = (rule, value, callback) => {if (!this.checkSpecialKey(value)) {callback(new Error("不能含有特殊字符"));} else {callback();}};return{}
}

在return的必填中加入{ validator: validateInput, trigger: ['blur', 'change'] },

return{// 表单校验rules: {companySimpleName:[{required: true,message: '企业简称不能为空', trigger: "blur"},{ validator: validateInput, trigger: ['blur', 'change']  },//不能输入特殊字符]},}

在methods中写入方法

//限制企业名称和企业简称的输入checkSpecialKey(str) {let specialKey = "[`~!#$^&*=|,{}':;'\\[\\].<>/?~！#￥……&*——|{}【】‘；：”“'。，、？]‘'";for (let i = 0; i < str.length; i++) {
//str.substr（）是用来截取字符串的if (specialKey.indexOf(str.substr(i, 1)) != -1) {return false;}}return true;},

vue+elementui，输入框输入特殊字符提示相关推荐

vue设置输入框输入长度_基于vue的限制输入框可输入字节数的解决方案
2018年07月11日基于vue的限制输入框可输入字节数的解决方案需求:input输入框输入上限4个字节.达到上限则不能继续输入,其中1个英文表示1个字节.1个中文表示2个字节. 看到这个需求,第 ...
【VUE】限制输入特殊字符
请看代码? <div class="label_name"><van-fieldv-model="classNa ...
JS Vue 禁止输入框输入特殊符号或emoji表情
禁止输入框输入特殊符号或emoji表情 // 判断是否含有特殊符号 let reg1 = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]· ...
vue 禁止input输入框输入特殊字符和汉字
<el-form-item label="微信"><el-input placeholder="请输入微信" v-model="fo ...
js 正则表达式禁止输入框输入特殊字符遇到的坑以及解决方案
前言最近在项目中有一个需求是禁止输入特殊字符,一开始我是在网上找的正则表达式直接用的,后来发现这个表达式同时也禁止了v,x,y,z,所以后来就想了一个比较笨的方法,把所有的特殊字符全部罗列出来,然后 ...
vue设置输入框输入长度_Vue实现input宽度随文字长度自适应操作
业务需求,输入文字,后面的元要紧随其后,奈何input默认是有宽度,我想要达到,输入文字,动态改变input的宽度,试了很多方法,目前自己琢磨一种,有遇到问题的可以参考一下, 直接贴代码 type=& ...
vue设置输入框输入长度_vue输入框限制字符串长度和输入内容实时验证的实现方式...
一.最简单,通过maxlength和onkeyup ?:;'\\\$\%\^\&\*\-\|\[\]\{\}\{\}]/g,'');" /> 代码中正则是限制除中文外的 ...
vue element-ui 键盘输入enter键触发事件
因为有时候会遇到因为有父级的影响事件不生效的情况,所以需要加.native <el-inputclass="input-new-tag"v-model="item. ...
vue element 输入框出现英文提示怎样解决
最主要是因为用了change,我们可以将change改为blur或者trigger:["change","blur"] 都改完的话就不会提示英文了

vue+elementui，输入框输入特殊字符提示

vue+elementui，输入框输入特殊字符提示相关推荐

最新文章

热门文章