jeecg-boot:前端antd 表单校验方式整理

最新推荐文章于 2024-06-18 14:55:23 发布

gwcgwcjava

最新推荐文章于 2024-06-18 14:55:23 发布

阅读量3k

点赞数 1

分类专栏： jeecg-boot JEECG JEECG-BOOT实战

本文链接：https://blog.youkuaiyun.com/gwcgwcjava/article/details/94399014

版权

本文介绍了Jeecg-boot对Antd Vue组件的校验方法，包括表单和JEditableTable的验证规则。表单验证中，使用v-decorator属性结合rules和validator进行校验，如必填项和自定义函数验证。在JEditableTable中，校验通过pattern配置正则表达式实现，不支持自定义校验函数。详细规则参考官方文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jeecg-boot对antd-vue的校验做了封装，总体来讲分为表单校验和JEditableTable 校验：

表单校验：

以以下为例：

<a-form :form="form">
        <a-row>
          <a-col :span="12" :gutter="8">
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              label="设备大类名称">
              <a-input placeholder="请输入设备大类名称" v-decorator="['deviceBigTypeName', validatorRules.deviceBigTypeName]" />
            </a-form-item>
          </a-col>
          <a-col :span="12" :gutter="8">
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              label="设备大类编码">
              <a-input placeholder="请输入设备大类编码"