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");
  }
};
相关推荐
Dreamcatcher_AC几秒前
前端面试高频问题解析
前端·css·html
Irene19914 分钟前
JavaScript 常见算法复杂度总结(大O表示法)
javascript·算法
damo王11 分钟前
how to install npm in ubuntu24.04?
前端·npm·node.js
光影少年12 分钟前
Vue 2 / Vue 3 diff算法
前端·javascript·vue.js
未来之窗软件服务21 分钟前
JAVASCRIPT 离线解析IP地址 幽冥大陆(七十) —东方仙盟练气期
开发语言·javascript·tcp/ip·仙盟创梦ide·东方仙盟
zhixingheyi_tian23 分钟前
Yarn 之 run job
java·开发语言·前端
指尖跳动的光25 分钟前
如何减少项目里面if-else
前端·javascript
yanghuashuiyue27 分钟前
Vue3难以统一的命名规范
前端·vue.js·typescript
AAA阿giao34 分钟前
用 LangChain 玩转大模型:从零搭建你的第一个 AI 应用
javascript·人工智能·langchain·llm·ai编程·ai开发
码界奇点1 小时前
基于Spring Cloud与Vue.js的微服务前后端分离系统设计与实现
vue.js·后端·spring cloud·微服务·毕业设计·源代码管理