antd自定义校验规则

antd自定义校验规则,第1张

例如

<a-form
  :form="formId"
  @submit="handleIdSubmit"
>
<a-form-item label="客户名称">
  <a-input
   v-decorator="['zjbh', rule.zjbh]"
   autocomplete="off"
 />
a-form-item>.
… … … … … … … … … … … …
a-form>

在data中定义校验规则

zjbh: {
  rules: [
    { required: true, message: "请输入证件号码!" },
    {
      validator: checkID,
    },
  ],
  initialValue: "",
},

校验规则的定义格式如下

var checkID = async (rule, value, callback) => {
  	if (判断条件) {
       return callback('不成功哦');
    } else {
       return callback(); //成功
    }
    callback();
};

如果要修改表格中部分数据

this.formId.setFieldsValue({
  zjbh: 'zjbh...',
});

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/563500.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-02
下一篇 2022-04-02

发表评论

登录后才能评论

评论列表(0条)

保存