<input type="text" placeholder="姓名" oninput="value=value.replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,''))">
//这样写 电脑上没问题 有些手机会出现这种问题 跟输入法有关 这时候我们就要换一种思路
思路二:
//给input绑定事件 通过事件监听对输入内容进行处理
<input type="text" placeholder="姓名" v-model="form.name" @input="inputName">
export default {
data () {
return {
form: {
name : '',
}
}
},
methods: {
inputName () {
//使用replace() 方法 (在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串)
let reg = /[\0-9\`~!@#$^&*()=|{}':;',\\\[\]\.<>\/?~!@#¥……&*()——|{}【】';:""'。,、?\s]+/g
this.form.name = this.form.name.replace(reg,'')
},
}
}