iview 验证的实战经验

rules: {
        commodityCount: [
          {
            required: true,
            trigger: 'change',
            validator: validateSequence,
          },
        ],

代码

   const validateSequence = (rule, value, callback) => {
      value=value+""
      let regNum = /^[+]{0,1}(d+)$/;
      if (value.trim() == '') {
        callback(new Error('不能为空'));
      } else if (!regNum.test(value)) {
        callback(new Error('必须输入正整数'));
      } else {
        callback();
      }
    };

 1、任何对象都可以进行验证。

 <FormItem label="影像模态" prop="depArray">
              <CheckboxGroup v-model="editForm.depArray">
                <Checkbox label="CT"></Checkbox>
                <Checkbox label="MR"></Checkbox>
                <Checkbox label="DR"></Checkbox>
                <Checkbox label="CR"></Checkbox>
                <Checkbox label="DSA"></Checkbox>
              </CheckboxGroup>
            </FormItem>

 在这里depArray是editForm.depArray代理变量，任何对象都可以进行验证，但是不局限于基础对象，数组，复杂对象的特征，

   depArray: [
          {
            required: true,
            message: '影像模态必须选择',
            trigger: 'blur,change',
            validator: cs,
          },
        ],

   const cs = (rule, value, callback) => {
      if (value.length) {
        callback();
      } else {
        callback(new Error('必须选择'));
      }
    };