1、html
2、js
总结：
表单的校验方式有两种：
一、校验规则写在el-form标签的rules上
1、el-form包裹所有要提交的表单，在el-form标签上编写rules(代表校验规则)、model(提交表单时需要校验的所有的字段)以及ref，校验规则要注意的是写完必须要返回数据。
2、每个表单数据要用el-form-item标签包裹，prop上写该表单要校验的字段名，v-model的书写方式为从el-form中model的数据中取出该字段
3、提交数据时触发点击事件submit通过elementUI中form.validate((valide) => {})校验所有表单
二、校验规则写在el-form-item标签上