1、html部分
<a-form-item
label="时间"
hasFeedback
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 11}, sm: {span: 17} }"
>
<a-input
placeholder="请输入时间(11位数字时间戳)"
v-decorator="[
'hhtecexpiretime',validatorRules.hhtecexpiretime
]"
/>
</a-form-item>
2.1 js部分
data() {
return {
validatorRules: {
hhtecexpiretime: {
//name与v-decorator中属性对应
// initialValue: 123456,//初始值
rules: [
{ required: false, message: '请输入密码!' }, //此处开启校验必填
{ min: 11, message: '长度不少于 11 个字符' }, // 长度校验
{ validator: this.validatePassword } //校验规则函数,
],
trigger: 'change' // 触发方式
}
},
checkPending: false
}
},
2.2 js部分定义校验方法
methods: {
validatePassword(rule, value, callback) {
clearTimeout(this.checkPending)
if (value == 0) {
return callback(new Error('不能为空'))
}
checkPending = setTimeout(() => {
if (isNaN(value)) {
callback(new Error('请输入数字'))
} else {
callback()
}
}, 1000)
},
}