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

第一种:

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

<!-- 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:'不能包含空格',}] }]"
  />

第三种:

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

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐