>
>
提交
//此时表单验证的一些设定
//建立根实例,使用vuejs和Element-UI
newVue({
el:'#app',
data() {return{
options: [{
value:'CustomerRepresentative',
label:'Customer Representative'}, {
value:'RetentionRepresentative',
label:'Retention Representative'}, {
value:'HumanResources',
label:'HumanResources'}],default:'CustomerRepresentative',
ruleForm: {
name:'',
email:'',
phone:'',
position:'CustomerRepresentative',
},
rules: {
name: [
{ required:true, message:'Please enter your name and surname *', trigger:'blur'},
],
email:[
{ required:true, message:'Please enter your email *', trigger:'blur'},
{ type:'email', message:'Please enter your correct email *', trigger: ['blur','change'] }
],
phone:[
{ required:true, message:'Please enter your phone *', trigger:'blur'},
]
},
position: [
{ required:true, message:'请选择活动区域', trigger:'change'}
],
}
},