1、简单的校验，之间通过rules 校验

:rules="{required: true, message: '执行时间不能为空', trigger: 'blur'}"

这个是失去焦点的时候，校验是否有值，如果没有会之间有校验提示

2、通过定义方法校验

:rules="validateTaskName"

这个校验需要定义一个变量，即在data里面return里定义变量：validateTaskName

然后在变量里面定义校验规则：

return {validateTaskName:[{required: true, message: '任务名称不能为空', trigger: 'blur'},{required: true, message: '任务名称不能为中文', validator: checkName, trigger: 'blur' }],}

其中可以添加多个校验，比如中文这个，可以通过validator定义一个校验，校验的规则在checkName里面，checkName需要定义在data里面，在return外。这样校验的时候会自动引用checkName进行校验，这里相当于通过方法进行校验。

 data () {var checkName = (rule, value, callback) => { var reg = /[\u4E00-\u9FA5\uF900-\uFA2D]/;if(reg.test(value)){return callback(new Error('任务名称不能为中文'));}};return {validateTaskName:[{required: true, message: '任务名称不能为空', trigger: 'blur'},{required: true, message: '任务名称不能为中文', validator: checkName, trigger: 'blur' }],}

3、对整个表达进行校验

<el-form :model="addForm" label-width="200px" :rules="addFormRules" ref="addForm">

这里定义规则校验表单，其中addFormRules里面需要定义每个表单的item的校验规则

addFormRules: {name: [{ type: "string", required: true, message: '请输入Jenkins名称', trigger: 'blur' }],ip: [{ required: true, validator: checkIP, trigger: 'blur' }],port: [{ required: true, validator: validatePort, trigger: 'blur' }],userId: [{ type: "string", required: true, message: '请输入Jenkins的userId', trigger: 'blur' }],apiToken: [{ type: "string", required: true, message: '请输入Jenkins的apiToken', trigger: 'blur' }]},