如何隐藏输入必填消息“请填写此字段”

【问题标题】：How to hide input required message "please fill out this field"如何隐藏输入必填消息“请填写此字段”
【发布时间】：2020-01-13 09:35:48
【问题描述】：

我已将required 属性添加到我的input 中，我只想保留边框颜色而不显示“请填写此字段”消息。是否可以隐藏该消息？

<input
    placeholder={protocolPlaceholder}
    id="numProtocol"
    onChange={(e) => handleOnChange(e)}
    value={numProtocol}
    required
/>

【问题讨论】：

您从输入字段中删除所需
从input中删除required attr
还有一个俄语堆栈溢出：ru.stackoverflow.com。

标签： html css reactjs validation

【解决方案1】：

基本上是 HTML5 Tooltip 附带的 required 属性，要解决这个问题，请尝试在 DOM 中添加一个空表单，例如：

<form id="novalidateform" novalidate />

然后将form="novalidateform" 属性添加到您的输入中：

<input
 form="novalidateform"
 placeholder={protocolPlaceholder}
 id="numProtocol"
 onChange={(e) => handleOnChange(e)}
 value={numProtocol}
 required
/>

请注意，空表单id 和属性form 值必须匹配输入。