一、数字类型验证 type=number

export default {  data() {    return {      numForm: {}    };  },  methods: {    submitForm(formName) {      this.$refs[formName].validate(valid => {        if (valid) {          alert("submit1");        } else {          return false;        }      });    },    //重置操作    resetForm(formName) {      this.$refs[formName].resetFields();    }  }};

二、邮箱类型验证 type=emial

三、url类型验证,type=url

四、字符长度类型,min,max

五、手机号类型,使用自定义规则 ：rules

js定义验证规则

//定义一个全局的变量，谁用谁知道var validPhone = (rule, value, callback) => {  if (!value) {   return callback(new Error("请输入电话号码"));  } else if (!isvalidPhone(value)) {    callback(new Error("请输入正确的11位手机号码"));  } else {    callback();  }};// 手机号验证function isvalidPhone(str) {  const reg = /^1[3|4|5|7|8][0-9]\d{8}$/;  return reg.test(str);}export default {  data() {    return {      numForm: {          mobile:''      },      rules: {        mobile: [          {              required:true,            trigger: "blur",            validator: validPhone          }        ]      }    };  },  methods: {    submitForm(formName) {      this.$refs[formName].validate(valid => {        if (valid) {          alert(JSON.stringify(this.numForm));        } else {          return false;        }      });    },    //重置操作    resetForm(formName) {      this.$refs[formName].resetFields();    }  }};

更多：