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

Question

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

Answer 1

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

Answer 2

如果你用的是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>

Answer 3

请问解决了，能不能给个提示

Answer 4

<a-form-item label="Username" :help="null">
     <a-input
       v-decorator="[
         'name',
         {
           rules: [{ required: true }],
         },
       ]"
     />
</a-form-item>

设置formItem的属性 help:null 即可
这样设置不会出现报错文字的DOM

message: " ", // 如果只这样设置 会出现空的DOM结构