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");
  }
};
相关推荐
星月心城几秒前
八股文-JavaScript(第一天)
开发语言·前端·javascript
政采云技术2 分钟前
深入理解 Webpack5:从打包到热更新原理
前端·webpack
T___T4 分钟前
从入门到实践:React Hooks 之 useState 与 useEffect 核心解析
前端·react.js·面试
山有木兮木有枝_5 分钟前
当你的leader问你0.1+0.2=?
前端
前端程序猿之路8 分钟前
模型应用开发的基础工具与原理之Web 框架
前端·python·语言模型·学习方法·web·ai编程·改行学it
名字被你们想完了8 分钟前
Flutter 实现一个容器内部元素可平移、缩放和旋转等功能(八)
前端·flutter
听风说图9 分钟前
Figma画布协议揭秘:组件系统的设计哲学
前端
sure2829 分钟前
在react native中实现短视频平台滑动视频播放组件
前端·react native
weibkreuz11 分钟前
React开发者工具的下载及安装@4
前端·javascript·react
代码猎人11 分钟前
link和@import有什么区别
前端