主要是使用正则表达式进行字符替换

英文：

<template><input @input="this.value=this.value.replace(/[^a-zA-Z]/g,'')" v-model="value" />
</template>
<script>
export default {data(){value:''}
}
</script>

中文：

中文则是将正则表达式换成中文相关的即可

<template><input @input="this.value=this.value.replace(/[^\u4E00-\u9FA5]/g,'')" v-model="value" />
</template>
<script>
export default {data(){value:''}
}
</script>

其他字符文字

找到对应的正则匹配即可

vue input仅允许输入英文、中文及其他各种符号文字相关推荐

让input框只输入英文
解决扫码枪在中文输入法时扫码冲突扫码枪在扫完码时会自动回车,这时如果是中文输入法就会触发输入法联想,再加一个回车,那么input框输入的就成中文了.如果可以控制input框只能输入英文那就好了.cs ...
React：input输入框只能输入英文和特殊字符(可以自定义限制)
React:input输入框只能输入英文和特殊字符(可以自定义限制) 直接上代码: antd3.x版本 render(){return (<Form.Item>{getFieldDecor ...
input只允许输入英文或数字
1.input只允许输入英文 <input onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')" /> 2. ...
input 限制只能输入英文、中文、字母、小数、表情包等约束
输入大小写字母.数字.下划线: <input type="text" οnkeyup="this.value=this.value.replace(/[^\w_]/ ...
vue学习之textarea输入英文时换行
需求:在使用textarea标签时,我们需要将英文单词进行截断处理,使其换行,如何实现? 解决方法:给textarea增加 word-break:break-all 属性即可,这个属性会对处于末尾的单 ...
Input框设置只能输入英文
场景设置input框只能输入英文. 效果实现 <input type="text" id="chineseLastName" name="c ...
Latex正确输入英文双引号
Latex正确输入英文双引号最近用LaTex写论文,发现直接输入英文双引号,输出的文字,双引号方向一致. 正确的输入方式应该为: (1) 错误使用英文双引号 "paper"(2) ...
input只允许输入指定字符
1.input只允许输入英文 <input onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')" /> 2. ...
vue中模糊搜索keyup在中文输入法下输入英文无效的解决方法
keyup事件在中文输入法下输入英文,vue中对应的val属性值为空.控制台显示并没有获取到任何值,但是input中确实有字母.纳尼?说好的双向绑定呢? 要解决这个问题可以采用watch+keyup事 ...

vue input仅允许输入英文、中文及其他各种符号文字

英文：

中文：

其他字符文字

vue input仅允许输入英文、中文及其他各种符号文字相关推荐

最新文章

热门文章