vue 表单输入类型验证

 rules: {

        orderNum: [

          { required: true, message: "请输入订单号", trigger: "blur" },

          { validator: this.checkData, trigger: "blur" },

        ],

        model: [

          { required: true, message: "请输入型号", trigger: "blur" },

          { validator: this.checkData, trigger: "blur" },

        ],

        countAmount: [

          { required: true, message: "请输入维修次数", trigger: "blur" },

         { type: 'number', message: '次数必须为数字值'}//

        ],

      },

//验证数值

  <el-input v-model.number="form.countAmount" placeholder="请输入次数" />

 

//验证不能为中文

 checkData(rule, value, callback) {

      if (value) {

        if (/[\u4E00-\u9FA5]/g.test(value)) {

          callback(new Error("不能包含中文"));

        } else {

          callback();

        }

      }

      callback();

    },

//提交

submitForm() {

      this.$refs["form"].validate((valid) => {

        if (valid) {return}

　　}

}