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");
  }
};
相关推荐
Calm5508 分钟前
ele表单未输入值提示为英文
前端
老华带你飞15 分钟前
校务管理|基于springboot 校务管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·spring
JosieBook17 分钟前
【部署】Spring Boot + Vue框架项目生产环境部署完整方案
vue.js·spring boot·后端
爪洼守门员23 分钟前
前端性能优化
开发语言·前端·javascript·笔记·性能优化
TOYOAUTOMATON28 分钟前
GTH系列模组介绍
前端·目标检测·自动化
2022.11.7始学前端33 分钟前
n8n第十节 把Markdown格式的会议纪要发到企微
前端·chrome·n8n
阿蒙Amon43 分钟前
JavaScript学习笔记:4.循环与迭代
javascript·笔记·学习
爱上妖精的尾巴1 小时前
6-3 WPS JS宏 add、delete、size、clear集合成员添加与删除
javascript·wps·js宏·jsa
郑州光合科技余经理1 小时前
海外版生活服务系统源码 | 外卖+跑腿一站式平台技术解析
java·开发语言·javascript·git·spring cloud·php·生活
fruge1 小时前
Lodash 源码精读:防抖节流的实现细节与边界场景
前端