我正在构建一个用于创建烹饪食谱的component in React。我正在使用react-hook-form来验证表单。我的容器里有两张表格。一个用于添加配料,具有三个输入字段(名称、数量、单位),另一个用于步骤-具有一个输入字段。当我添加配料或步骤时,我会验证输入的数据是否正确,并阻止向列表中添加项目,如果数据不正确,该列表位于此表单的下方。到目前一切尚好。但我的问题是,我需要使用页面底部的“添加食谱”按钮访问这两个表单的验证过程。例如,如果我将那些必需的输入字段留空,我希望通过按下“添加配方”按钮来检查,而不仅仅是提交这两个“子窗体”。下面是gist的链接:Link。有没有人可以看看我
显然,当你重置一个表单时,它不会自动触发字段onChange。
请参阅此示例:
(输入有效的电子邮件地址,然后单击重置,而不是使用键盘退格键清空字段)
<input id="email"
value={values.email}
onChange={customHandleChange} // This is not triggered on reset
/>
有没有办法让resetForm调用所有的字段onChange?
我正在尝试创建一个Tampermonkey脚本,它会自动将文本输入到一些表单输入字段中。
通常,您可以使用以下命令来完成此操作:
myElement.value = "my new text"
问题是,这个表单使用的是React,我不能直接更改值,因为它没有设置React状态。我怎样才能把我想要的数据输入到我的代码中的这些React组件中呢?
使Html表单输入字段在提交时保持不变。当我提交表单时,表单的ball和comments输入被重置为空。
现在我想要的是,当我提交表单时,球的输入选择字段中的值保持不重置,而注释字段的值将像往常一样重置。下面的任何帮助都是工作代码
$('body').on("click",".addComment",function(){
var element = $(this);
var id = element.attr("id");
$('#commentBox'