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");
  }
};
相关推荐
程序员黑豆1 小时前
鸿蒙应用开发之双向绑定实战:从 V1 到 V2 的完整迁移指南
前端·harmonyos
Escape1 小时前
为什么你的 AI 越聊越傻?从 Token 到 Agent,彻底搞懂 AI Agent的秘密㊙️
前端·人工智能·后端
李明卫杭州2 小时前
Vue3 响应式概念 ↔ React 对应方案(类组件与函数组件)对照笔记
前端·vue.js·react.js
windliang2 小时前
Claude Code 源码分析(二):CC 的心脏 queryLoop Agent主循环
前端·ai编程·claude
英勇无比的消炎药2 小时前
拖文件进来会发生什么:TinyRobot DragOverlay 与 v-dropzone 协同指南
vue.js
Revolution612 小时前
reactive 对象重新赋值后,表单为什么没有恢复默认值
前端·vue.js·面试
米饭同学i2 小时前
微信小程序 input maxlength 遇上输入法拼音被截断?这是最完整的解决方案
前端
董员外2 小时前
RAG 系统进化论(二):Naive RAG,检索增强生成的最小闭环
前端·人工智能·后端
JasonMa1532 小时前
从零搭建一个微信小程序活动管理平台(一):架构设计与技术选型
javascript·微信小程序·node.js
脾气有点小暴2 小时前
ECharts 伪 3D 柱状图完整注释 + 实现原理说明
前端·3d·信息可视化·vue·echarts