只能输入汉字或字母或数字或这三种组合,即不能输入特殊字符
这里的正则表达式:/^[\u4E00-\u9FA5A-Za-z0-9]+$/
这里以vue + ElementUI为 基础
<el-form-item label="用户名:" prop="username">
<el-input v-model="form.username"></el-input>
</el-form-item>
rules:{
username:[
{required: true, message: '请输入用户名',trigger: 'blur'},
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
{validator: (rule, value, callback) => {
// const reg = /^[\u4E00-\u9FA5A-Za-z0-9_]+$/ 带有下划线_
const reg = /^[\u4E00-\u9FA5A-Za-z0-9]+$/
if(!reg.test(value)){
callback(new Error('请输入汉字或字母或数字或组合'))
}else{
callback()
}
},
trigger: "blur"
}
]
相关校验可查阅这里: