New York
London
Sydney
-
男
女
Submit
Reset
const valideTel=(rule, value, callback)=>{varre= /^1[0-9]{10}/
if(value=== '' ||value=== null) {
callback(newError('请输入手机号'))
}else if(!re.test(value)) {
callback(newError('请输入正确手机号'))
}else{
callback()
}
}
data () {return{
formValidate: {
mail:'',
city:'',
gender:'male',
interest: [],
date:'',
time:'',
desc:'',
tel:''},
ruleValidate: {
tel: [
{
validator: valideTel,
required:true,
trigger:'blur'}
],
mail: [
{ required:true, message:'Mailbox cannot be empty', trigger:'blur'},
{ type:'email', message:'Incorrect email format', trigger:'blur'}
],
city: [
{ required:true, message:'Please select the city', trigger:'change'}
],
gender: [
{ required:true, message:'Please select gender', trigger:'change'}
],
interest: [
{ required:true, type:'array', min:1, message:'Choose at least one hobby', trigger:'change'},
{ type:'array', max:2, message:'Choose two hobbies at best', trigger:'change'}
],
date: [
{ required:true, type:'date', message:'Please select the date', trigger:'change'}
],
time: [
{ required:true, type:'string', message:'Please select time', trigger:'change'}
],
desc: [
{ required:true, message:'Please enter a personal introduction', trigger:'blur'},
{ type:'string', min:20, message:'Introduce no less than 20 words', trigger:'blur'}
]
}
}
},
methods: {
handleSubmit (name) {this.$refs[name].validate((valid)=>{if(valid) {this.$Message.success('Success!');
}else{this.$Message.error('Fail!');
}
})
},
handleReset (name) {this.$refs[name].resetFields();
}
}
}