antd 表单 可以只红色高亮不提示错误信息吗?

• Z时代
• 2024-01-10
• 分类：技术分享

这种表格的校验 希望只红色高亮就可以，不提示错误信息。怎么设置呢？
antd 有相关api可以设置吗？

回答

<Form.Item
        rules={[
          {
            required: true,
            message: " ", //空格
          },
        ]}
      >
        <Input />
      </Form.Item>

如果你用的是React， 那么写法如下

 <Form {...layout} form={form} >
        <Form.Item label="名字" name="name"
          rules={[{ required: true, message: '请输入名字' }]} //此处如果为空时会触发
        >
          <Input placeholder="点击此处输入名字" />
        </Form.Item>
</Form>

如果你用的是Vue，那么写法如下

<a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }" >
    <a-form-item label="名字">
      <a-input
         v-decorator="[
          'name',
          { rules: [{ required: true, message: '请输入名字' }] }
          ]"
          placeholder="点击此处输入名字"
        />
    </a-form-item>
  </a-form>

以上是 antd 表单 可以只红色高亮不提示错误信息吗? 的全部内容， 来源链接： utcz.com/a/65868.html