在使用vue做表单开发的时候经常会用到输入校验,这里记录一下rules中输入框校验只能输入中文、数字和英文
1.输入框
<a-input placeholder="标题" maxLength="100" v-decorator="[\'title\', {rules: [
{required: true, message: \'请输入标题\'},
{validator: this.titleTest}
]}]"/>
2. 校验方法:
methods: { titleTest (rule, value, callback) { // const title= /^[\u0391-\uFFE5A-Za-z]+$/ const title= /^[\a-\z\A-\Z0-9\u4e00-\u9fe5]+$/ if (!title.test(value)) { callback(new Error(\'标题只能输入中文、数字和英文\')) }else{ callback() } }, }
3. 效果