今天和大家一起
研究
一下,在工作中我们经常会遇到一些奇怪的input输入
需求,比如只
能输入数字
,只
能输入中文
等等,让小伙伴们很头痛。今天勇宝就来和大家一起整理
一下工作中常用到的那些正则表达式
。
模版样例
下面我就干净利索一点,不拖泥带水。我就以element来进行演示
模版样例
,下面我只给大家写正则表达式
,用法都是一样的。
<template>
<el-input v-model="inputVal" @input="hanldeInputRules"></el-input>
</template>
<script setup>
import { ref } from 'vue';
const inputVal = ref('');
const hanldeInputRules = () => {
const reg = /[^\w_]/g;
inputVal.value = inputVal.value.replace(reg, '');
}
</script>
常用正则表达式
1. 只能输入大小写字母、数字、下划线
const reg = /[^\w_]/g;
2. 只能输入小写字母、数字、下划线
const reg = /[^a-z0-9_]/g;
3. 只能输入中文
const reg = /[^\u4e00-\u9fa5]/g;
4. 只能输入数字
const reg = /[^\D]/g;
5. 只能输入英文
const reg = /[^a-zA-Z]/g;
6. 只能输入中文、数字、英文
const reg = /[^\w\u4E00-\u9FA5]/g;
7. 只能输入数字和字母
const reg = /[\W]/g;
8. 只能输入数字和点
const reg = /[^\d.]/g;
9. 除了英文的标点符号以外,其他的都可以
const reg = /[^[^!@#$%^&*()-=+]/g;
10. 只能输入英文字母和数字,不能输入中文
const reg = /[^\w\.\/]/ig;
11. 只能输入数字和英文
const reg = /[[^\d|chun]/g;
12. 不可输入中文
const reg = /[\u4E00-\u9FA5]]/g;
13. 不可输入空格
const reg = /[\s+]/g;
总结
写完正则表达式,搁置几天后,自己都不认识了,今天就先整理这么多把。