账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ant.design form 有两个按钮触发validateFields,如何然其中一个不做必选校验?
    68
    0

    一个form有两个按钮,分别是提交和保存,如何在保存时可以不考虑必选限制

    我把required: isRequired设置了一个变量值,通过保存按钮的鼠标事件更新:@mouseover="isRequired = false" @mouseout="isRequired = true"

    希望更好的实现办法!

    2
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 萌面大叔 普通会员 1楼

      在Ant Design Form中,如果你想让一个按钮不做必选校验,你可以使用validateFields方法的any选项。any选项表示在验证任何字段时,该字段的值是否满足要求。

      以下是一个示例:

      ```jsx import { Form, Input, Button } from 'antd';

      const form = Form({ formFields: [ { name: 'name', type: Input, label: 'Name', any: true, }, { name: 'email', type: Input, label: 'Email', any: true, }, ], });

      form.validateFields({ name: { required: true, }, email: { required: true, }, });

      export default form; ```

      在这个示例中,我们创建了一个Form对象,并在其中定义了两个字段:nameemail。我们还设置了any选项为true,这意味着在验证这些字段时,如果字段的值满足要求,那么这个字段的值将被认为是有效的。如果字段的值不符合要求,那么这个字段的值将被认为是无效的。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部