vuerules输⼊框校验只能输⼊中⽂、英⽂和数字在使⽤vue做表单开发的时候经常会⽤到输⼊校验,这⾥记录⼀下rules中输⼊框校验只能输⼊中⽂、数字和英⽂
1.输⼊框
<a-input placeholder="标题" maxLength="100" v-decorator="['title', {rules: [
{required: true, message: '请输⼊标题'},
{validator: this.titleTest}
]}]"/>html表单只能输入数字
2. 校验⽅法:
methods: {
titleTest (rule, value, callback) {
// const title= /^[\u0391-\uFFE5A-Za-z]+$/
const title= /^[\a-\z\A-\Z0-9\u4e00-\u9fe5]+$/
if (!st(value)) {
callback(new Error('标题只能输⼊中⽂、数字和英⽂'))
}else{
callback()
}
},
}
3. 效果
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论