• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

qdyzhuang

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

el-from表单校验某一项(自定义校验规则)

<el-form-item
          label="适用税率"
          prop="rate"
          :rules="[
            {
              validator: (field, value, cb) =>
                validateField(field, value, cb, '请输入数值范围为0-1的税率'),
              required: true,
              trigger: 'blur',
            },
          ]"
        >
          >
          <el-input
            placeholder="请输入数值范围为0-1的税率"
            v-model="linkClientObj.rate"
            oninput="value=value.replace(/[^0-9.]/g,'')"
          ></el-input>
        </el-form-item>

方法:

// 校验税率的方法
methods:{
// 校验税率的方法
    validateField(field, value, cb, message) {
      if (Number(value) > 1) {
        cb(new Error(message));
      } else if (value === "") {
        cb(new Error("请输入税率"));
      } else {
        cb();
      }
    },


}

 原文 https://www.jianshu.com/p/571d754f5421

posted on 2022-12-05 11:50  溪陌上的树  阅读(915)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3