首页 >> js开发 >> JavaScriptvue.js 输入框输入值自动过滤特殊字符替换中问标点操作
JavaScriptvue.js 输入框输入值自动过滤特殊字符替换中问标点操作
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
我就废话不多说了,大家还是直接看代码吧~
verifyInput(v){
let _this=this;
let punctuation = /[`~!@#$%^&*_\-=<>?:"{}|.\/;'\\[\]·~!@#¥%……&——\-={}|《》?:“”【】、;‘'。、]/im;
let arr=v.split('')
let str=''
arr.map(i=>{
if(!punctuation.test(i)){
str+=i
}
})
str=str.replace(/(/g,'(')
str=str.replace(/)/g,')')
str=str.replace(/,/g,',')
this.$nextTick(j=>{
this.relatedWords=str
})
},
verifyInput(v){
let _this=this;
let punctuation = /[`~!@#$%^&*_\-=<>?:"{}|.\/;'\\[\]·~!@#¥%……&——\-={}|《》?:“”【】、;‘'。、]/im;
let arr=v.split('')
let str=''
arr.map(i=>{
if(!punctuation.test(i)){
str+=i
}
})
str=str.replace(/(/g,'(')
str=str.replace(/)/g,')')
str=str.replace(/,/g,',')
this.$nextTick(j=>{
this.relatedWords=str
})
},补充知识:vue el-input 禁止输入特殊字符 只可输入数字 正则验证补充知识:补充知识:vue el-input 禁止输入特殊字符 只可输入数字 正则验证我就废话不多说了,大家还是直接看代码吧~
size="small"
v-model="city"
placeholder="请输入城市名称"
@blur="addCity(scope.$index)"
@keyup.native="btKeyUp"
@keydown.native="btKeyDown"
>
// methods内
// 只能输入汉字、英文、数字
btKeyDown(e) {
e.target.value = e.target.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,"");
},
//限制输入特殊字符
btKeyUp(e) {
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘',。、]/g,"");
}
size="small"
v-model="city"
placeholder="请输入城市名称"
@blur="addCity(scope.$index)"
@keyup.native="btKeyUp"
@keydown.native="btKeyDown"
>
// methods内
// 只能输入汉字、英文、数字
btKeyDown(e) {
e.target.value = e.target.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,"");
},
//限制输入特殊字符
btKeyUp(e) {
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘',。、]/g,"");
}在el-input 内 使用 keyup等事件 需要添加 .native 否则无法正常执行事件下面是 只可输入数字
size="small"
v-model="scope.row.order_number"
v-show="scope.row.isShowInp_order"
@blur="editOrder(scope.$index,scope.row)"
v-focus
@keyup.native="UpNumber"
@keydown.native="UpNumber"
class="table_input"
>
// 只可输入数字
UpNumber(e) {
e.target.value = e.target.value.replace(/[^\d]/g,"");
}
size="small"
v-model="scope.row.order_number"
v-show="scope.row.isShowInp_order"
@blur="editOrder(scope.$index,scope.row)"
v-focus
@keyup.native="UpNumber"
@keydown.native="UpNumber"
class="table_input"
>
// 只可输入数字
UpNumber(e) {
e.target.value = e.target.value.replace(/[^\d]/g,"");
}以上这篇vue.js 输入框输入值自动过滤特殊字符替换中问标点操作就是小编分享给大家的全部内容了,希望能给大家一个参考。
verifyInput(v){
let _this=this;
let punctuation = /[`~!@#$%^&*_\-=<>?:"{}|.\/;'\\[\]·~!@#¥%……&——\-={}|《》?:“”【】、;‘'。、]/im;
let arr=v.split('')
let str=''
arr.map(i=>{
if(!punctuation.test(i)){
str+=i
}
})
str=str.replace(/(/g,'(')
str=str.replace(/)/g,')')
str=str.replace(/,/g,',')
this.$nextTick(j=>{
this.relatedWords=str
})
},
verifyInput(v){
let _this=this;
let punctuation = /[`~!@#$%^&*_\-=<>?:"{}|.\/;'\\[\]·~!@#¥%……&——\-={}|《》?:“”【】、;‘'。、]/im;
let arr=v.split('')
let str=''
arr.map(i=>{
if(!punctuation.test(i)){
str+=i
}
})
str=str.replace(/(/g,'(')
str=str.replace(/)/g,')')
str=str.replace(/,/g,',')
this.$nextTick(j=>{
this.relatedWords=str
})
},补充知识:vue el-input 禁止输入特殊字符 只可输入数字 正则验证补充知识:补充知识:vue el-input 禁止输入特殊字符 只可输入数字 正则验证我就废话不多说了,大家还是直接看代码吧~
v-model="city"
placeholder="请输入城市名称"
@blur="addCity(scope.$index)"
@keyup.native="btKeyUp"
@keydown.native="btKeyDown"
>
// methods内
// 只能输入汉字、英文、数字
btKeyDown(e) {
e.target.value = e.target.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,"");
},
//限制输入特殊字符
btKeyUp(e) {
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘',。、]/g,"");
}
v-model="city"
placeholder="请输入城市名称"
@blur="addCity(scope.$index)"
@keyup.native="btKeyUp"
@keydown.native="btKeyDown"
>
// methods内
// 只能输入汉字、英文、数字
btKeyDown(e) {
e.target.value = e.target.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,"");
},
//限制输入特殊字符
btKeyUp(e) {
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘',。、]/g,"");
}在el-input 内 使用 keyup等事件 需要添加 .native 否则无法正常执行事件下面是 只可输入数字
size="small"
v-model="scope.row.order_number"
v-show="scope.row.isShowInp_order"
@blur="editOrder(scope.$index,scope.row)"
v-focus
@keyup.native="UpNumber"
@keydown.native="UpNumber"
class="table_input"
>
// 只可输入数字
UpNumber(e) {
e.target.value = e.target.value.replace(/[^\d]/g,"");
}
size="small"
v-model="scope.row.order_number"
v-show="scope.row.isShowInp_order"
@blur="editOrder(scope.$index,scope.row)"
v-focus
@keyup.native="UpNumber"
@keydown.native="UpNumber"
class="table_input"
>
// 只可输入数字
UpNumber(e) {
e.target.value = e.target.value.replace(/[^\d]/g,"");
}以上这篇vue.js 输入框输入值自动过滤特殊字符替换中问标点操作就是小编分享给大家的全部内容了,希望能给大家一个参考。
相关文章:
- jsaxios解决高并发的方法:axios.all()与axios.spread()的操作js大全
- jsvue 中的动态传参和query传参操作js大全
- js解决element-ui的下拉框有值却无法选中的情况js大全
- js解决VueCil代理本地proxytable无效报错404的问题js大全
- js解决Element中el-date-picker组件不回填的情况js大全
- JavaScriptnuxt.js添加环境变量,区分项目打包环境操作
- JavaScriptNuxt.js nuxt-link与router-link的区别说明
- jsVue路由权限控制解析js大全
- js详解Vue中的watch和computedjs大全
- js你不知道的SpringBoot与Vue部署解决方案js大全