vue几条常见的表单验证规则

:rules=“addFormRules” + prop=“username”

<el-form ref="addformRef" :model="addform" :rules="addFormRules">
	<el-form-item label="客户名称" prop="username">
	    <el-input v-model="addform.clientName"></el-input>
	</el-form-item>
	<el-form-item label="客户电话" prop="mobile">
	    <el-input v-model="addform.clientPhone"></el-input>
	</el-form-item>
	<el-form-item label="客户邮箱" prop="email">
	    <el-input v-model="addform.clientEmail"></el-input>
	</el-form-item>
	<el-form-item label="客户地址" required>
	    <el-input v-model="addform.clientAddress"></el-input>
	</el-form-item>
</el-form>

验证邮箱自定义规则
验证手机号码自定义规则
验证是否为空 验证是否是数字（整数/浮点数） 输入值大小判断
判断是否是数字（整数/浮点数）
判断输入的值是否已经存在表格中， 值判重

data() {
   
     // 验证邮箱自定义规则
      // rule验证规则，value验证的值，cb回调函数
      const checkEmail = (rule, value, cb) => {
   
          // 验证邮箱的正则表达式