// 以字母开头且只能输入字母、数字、下划线 ^[a-zA-Z][a-zA-Z0-9_]*$ // 只能输入字母、数字、下划线 ^[a-zA-Z0-9_]+$ // 过滤非法字符 [@/'"#$%&、^*]+
在vue3中的使用示例:
const validColumnName = (rule, value, callback) => { if (value !== '') { const reg = /^[a-zA-Z][a-zA-Z0-9_]*$/; if (!reg.test(value)) { return callback(new Error('字段格式不正确,只能以字母开头且只能输入字母、数字、下划线')); } else { return callback(); // *验证成功的地方必须callback() } }else { return callback(new Error('必填字段')); } } const rules = reactive({ columnEn: [ { required: true, message: '字段名称必填', trigger: 'blur' }, { validator: validColumnName, trigger: 'blur' }, ] })