ant-design-vue form表单自定义校验规则

cpp 复制代码
 <a-form-item
                label="市场价"
                class="status-barcode"
                name="marketPrice"
                :rules="[
                  { required: true, message: '' },
                  { validator: validateNumber },
                ]"
              >
                <a-input
                  show-count
                  :maxlength="10"
                  v-model:value="formState.marketPrice"
                  placeholder="市场价"
                />
              </a-form-item>
cpp 复制代码
const objRegExp = {
  marketPrice: "市场价格",
};
const NumberRegCommodity = /^(?!0)\d{1,10}$/;
const validateNumber = (rule, value, callback) => {
  if (!value) {
    callback(`请填写${objRegExp[rule.field]}`);
    return;
  }
  if (!NumberRegCommodity.test(value)) {
    callback("仅限填写正数且首位不能为0");
  }
};
相关推荐
PineappleCoder4 小时前
还在重复下载资源?HTTP 缓存让二次访问 “零请求”,用户体验翻倍
前端·性能优化
拉不动的猪4 小时前
webpack编译中为什么不建议load替换ast中节点删除consolg.log
前端·javascript·webpack
李姆斯4 小时前
Agent时代下,ToB前端的UI和交互会往哪走?
前端·agent·交互设计
源码获取_wx:Fegn08954 小时前
基于springboot + vue健身房管理系统
java·开发语言·前端·vue.js·spring boot·后端·spring
闲谈共视5 小时前
基于去中心化社交与AI智能服务的Web钱包商业开发的可行性
前端·人工智能·去中心化·区块链
CreasyChan5 小时前
C# 反射详解
开发语言·前端·windows·unity·c#·游戏开发
JIngJaneIL5 小时前
基于Java+ vue智慧医药系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
+VX:Fegn08955 小时前
计算机毕业设计|基于springboot + vue图书管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
阿蒙Amon6 小时前
JavaScript学习笔记:6.表达式和运算符
javascript·笔记·学习
hashiqimiya7 小时前
两个步骤,打包war,tomcat使用war包
java·服务器·前端