vue使用正则校验

使用正则校验的三种方法：

第一种：

写在方法里面进行调用。适用于比较复杂的。可重复应用

<!-- maxlength：限制输入字符串的长度
     aaa:参数名
     validator：后面跟的就是校验方法名 -->
<a-input
  maxlength="50"
  v-decorator="['aaa', 
  { rules: [{ validator: handleConfirmMoney,message:'请检查输入格式' }] }]"
/>

校验方法：

//数字校验
    handleConfirmMoney(rule, value, callback) {
      if (value) {
        let z_reg = /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/
        if (z_reg.test(value)) {
          callback()
        } else {
          callback('请输入正确的格式')
        }
      }
    },

第二种：

比较简便，不可重复使用

<a-input
  maxlength="50"
  v-decorator="['aaa',
  { rules: [{pattern:/^[^\s]*$/,message:'不能包含空格',}] }]"
  />

第三种：

听说有，我也还没用过，我先记录一下，留个空位