element el-input特殊字符校验

html:

<el-form-item label="名称：" prop="askName"><el-inputplaceholder="请输入名称"v-model="ruleFormlist.askName"style="width: 340px"></el-input></el-form-item>

data:

rules: {askName: [{required: true, message: "名称不能为空", trigger: "blur" },{min: 1,max: 30,message: "长度在 1 到 30 个字符",trigger: "blur",},{required: true,pattern: /^[\u4e00-\u9fa5_a-zA-Z0-9.·-]+$/,message: "名称不支持特殊字符",trigger: "blur",},],}

实现效果