forms 相关问题

表单本质上是一个容器，可用于保存几种类型数据的任何数量的任何数量的子集。 HTML表单用于将数据传递到服务器。 VB和C＃表单是用于与用户交互的窗口。

我想使用formik在提交时验证表单，同时也进行字段级验证。例如，提交时验证所有字段，并在更改时验证字段。返回（我想使用formik在提交时验证表单，同时也进行字段级别验证。例如，提交时验证所有字段，并在更改时验证字段。 return ( <div className='add-member'> <h1>Register a new member</h1> <Formik validationSchema={validationSchema} validateOnBlur={false} validateOnChange={false} initialValues={{ name: ''}} onSubmit={() => { console.log('something') }} > {({errors}) => ( <Form> <div className='member-info'> <div className='title'><p>Info</p></div> <div className='input' id='name-input'> <label>Name</label> <Field name='name' placeholder={errors.name ? '*Required' : null} className={errors.name ? 'input-error' : ''} /> </div> </Formik> </div> ) 我在 Formik 组件中禁用了 validateOnChange，以便提交验证有效，但不知道如何验证更改时的字段。嗯，您可以尝试使用 Yup 和validationSchema 进行表单验证。而且你应该使用 useFormik 钩子而不是 Formik 组件。然后你可能会得到正确的答案。例如 const formik = useFormik({ initialValues, validationSchema: registrationSchema, ... the code that you want const registrationSchema = Yup.object().shape({ fieldName: Yup.string() .oneOf([Yup.ref('')], "example commit"), 也许，你会成功。

javascript html reactjs forms formik

回答 1 投票 0

如何从 HTML 对话框中检索单选组的值？

index.html： index.html： <body> <dialog class="dialog"> <form class="report__form" method="dialog"> <div> <input type="radio" name="report" vale="vulgar" /> <label for="vulgar">Vulgar/Offensive Language</label> </div> <div> <input type="radio" name="report" vale="duplicate" /> <label for="Duplicate">Duplicate</label> </div> <div> <input type="radio" name="report" vale="broken" /> <label for="broken">Broken</label> </div> <button class="dialog__submit">Submit</button> </form> </dialog> <button class="open">open dialog</button> <script src="script.js"></script> </body> 脚本.js： const dialog = document.querySelector(".dialog"); const reportForm = document.querySelector(".report__form"); const submitButton = document.querySelector(".dialog__submit"); const openButton = document.querySelector(".open"); openButton.addEventListener("click", () => { dialog.showModal(); }); 我很难弄清楚如何在 HTML 对话框中检索无线电输入值。我阅读了有关无线电输入的 MDN 文档，但仍在努力让它在对话框的上下文中工作。我认为我需要设置一个默认值，循环输入，并在单击其中之一时更新该值，但我无法让它工作。首先，您需要为每个复选框提供一个 value 属性，而不是 vale 属性。从那里您可以在提交表单时选择 :checked 元素并根据需要进行处理。另请注意，for元素中的label属性需要与复选框的id相匹配。由于您的复选框没有 id，因此这不起作用。虽然您可以通过将复选框包装在 label 元素中来简化此操作，但这样您根本不需要包含 for 属性。这是经过上述更改后的工作示例： const dialog = document.querySelector(".dialog"); const reportForm = document.querySelector(".report__form"); const openButton = document.querySelector(".open"); openButton.addEventListener("click", () => { dialog.showModal(); }); reportForm.addEventListener('submit', e => { const selectedValue = reportForm.querySelector('input[type="radio"]:checked').value; console.log(selectedValue); }); <dialog class="dialog"> <form class="report__form" method="dialog"> <div> <label> <input type="radio" name="report" value="vulgar" /> Vulgar/Offensive Language </label> </div> <div> <label> <input type="radio" name="report" value="duplicate" /> Duplicate </label> </div> <div> <label> <input type="radio" name="report" value="broken" /> Broken </label> </div> <button class="dialog__submit">Submit</button> </form> </dialog> <button class="open">open dialog</button>

javascript html forms dialog radio-button

回答 1 投票 0

如何使用express/express-validator获取多个HTML表单值？

我对node.js 和express 非常陌生，我有一个带有文本框、单选按钮和选择框以及启动该过程的按钮的表单。我正在尝试找出如何获取所有给定的值...

javascript html node.js forms express

回答 1 投票 0

Google 表单上传权限

我有一个 Google 表单，可以上传一些我希望任何使用网络浏览器的人都可以看到的图片。不幸的是，他们都是以私人身份到达的。有什么办法让它们默认为公开

forms permissions google-forms

回答 2 投票 0

无法从 ejs Web 应用程序的正文中获取数据

我正在使用nodejs、ejs 模板、mongodb 和express 创建一个Web 应用程序。我创建了多条路线。对于用户以及其他数据库。我成功地能够从发布请求中获取...