elementui的表单验证

1.使用form组件的自定义规则

数字类型的验证需要在 v-model 处加上 .number 的修饰符，这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符，

casRules: {
        sequence: [
          { required: true, message: '请填写序号', trigger: 'blur' },
          { type: 'number', message: '序号必须为数字值,最小值为1', min: 1 }
        ],
}

**注意：此方法不能输入小数

2.使用自定义的正则方法来实现，只能输入数字

// 正数，可输入小数点
    var validNumber = (rule, value, callback) => {
      if (isNaN(Number(value))) {
        callback(new Error('请输入数字'));
      } else if (value < 0) {
        callback(new Error('请输入大于零的数字'));
      } else {
        callback();
      }
    };

3.名字不允许有特殊符号，但是可以有下划线或者中划线

var validName = (rule, value, callback) => {
      if (/^(?!_)(?!-)(?!.*?_$)(?!.*?-$)[a-zA-Z0-9-_\u4e00-\u9fa5\\s·]+$/.test(value)) {
        callback();
      } else {
        callback(
          new Error(
            '由汉字、数字、字母、下划线或中划线组成,不能以下划线或者中划线开头和结尾'
          )
        );
      }
    };