在我的应用程序中，我使用了React Bootstrap和Formik。我想让bootstrap在我按下submit按钮后显示该字段无效(例如，不是电子邮件，但应该是)。在我使用的教程中，我只找到了在用户键入值的同时才显示该字段无效的方法。
如何做到这一点？如何将<code>D0</code>设置为仅在使用Formik提交后显示错误</em
浏览 6提问于2019-08-21得票数 7
回答已采纳
我试图通过使用位于<Form>或<Formik>标记之外的外部按钮来提交表单
请查看类似的代码如下。我把它上传到了。> }} </di
浏览 0提问于2019-03-10得票数 15
回答已采纳
1回答
是否可以在没有提交按钮的情况下提交表单？例如，在组件卸载时提交表单，这样用户就不需要单击按钮来保存。想想这样的事情：import { Formik, Form, Field } from "formik";
const Example = ()//trigger Submit or send Requ
浏览 3提问于2020-08-10得票数 3
回答已采纳
我有一个react应用程序，父组件有一个按钮，当单击该按钮时，显示一个简单的对话框，其中包含一个文本输入和一个提交按钮。启用严格模式。有两个问题
Warning: findDOMNode is deprecated in Stric
浏览 1提问于2020-08-08得票数 0
1回答
未重置的触摸属性
、、、、
我有一个Formik表单，在表单中接受用户输入&提交后运行查询。
当我单击“搜索”按钮时，会呈现一个列表。所有列表项目都有自己的按钮。当我第一次单击“绿色添加”按钮(从列表项中)时，该按钮不工作。但是，如果我再次单击+按钮，它就会工作，并打印no。这个问题可见于模拟器/手机，而不是沙箱上的web模式。export const AddFriendScreen: React</
浏览 3提问于2020-08-31得票数 1
回答已采纳
2回答
我使用formik构建了一个简单的表单。我有一种情况，一个字段是隐藏后，我选择了电台，但‘不’。但是如果我向这个字段输入值，然后选择'no‘来隐藏它，然后提交我将在最后的json中得到的表单，也就是隐藏字段的值。我的期望是当字段没有显示到屏幕上时，将其从最后的json中删除。我的表格：import { Formik } from "formik";
浏览 17提问于2022-06-23得票数 0
下面是我使用React的formik表单验证代码。默认情况下，在加载表单时，我希望禁用submit按钮：import * as Yup from "yup";
}), handleSubmit(values); }
浏览 6提问于2019-12-22得票数 51
回答已采纳
我很难通过单击按钮(而不是提交)来获得我的表单(即Antd表单)来验证(不提交)。让它验证和更新包含错误的字段的唯一方法是，如果我尝试提交它。有办法这样做吗？还是我不得不提交表格？我有一个提交按钮和一个只用于验证的按钮--仅验证按钮调用validateForm方法，但是表单上没有任何更新。编辑：这里有一个代码框的链接来演示这个： ...again --当我触摸textbox或单击s
浏览 0提问于2018-10-31得票数 0
回答已采纳
3回答
我有以下代码，您可以在这里找到：
import React from 'react';import * as Yup from 'yup';
let fieldName = 'hexColor
浏览 13提问于2022-03-09得票数 1
在Formik中，我需要在这两种情况下显示验证错误：isInvalid={touche
浏览 3提问于2021-05-07得票数 2
回答已采纳
我需要一种方法在react-bootstrap-typeahead中识别某个选择是否有人开始输入，这使得所选的值无效。唯一的有效值是在提示符中的click-selection之后。否则，对于任何键盘修改，我需要标记它并将一个错误条件传递给我的外部表单(Formik的values)，以立即显示一个错误。
我需要保持选项匹配，但只需将值设置为NULL，以便Formik/React-Bootstrap可以将其标记为无效并立
浏览 9提问于2021-05-21得票数 1
回答已采纳
我有一个react原生的Formik表单和一个Yup validationSchema。当用户提交表单时，我想创建一个警告与错误字段，如果有字段是无效的。Dependencies:"react": "16.5.0",
"react-native": "0.57.1", 我曾尝试在Formik呈
浏览 17提问于2019-01-11得票数 5
回答已采纳
1回答
我试图让验证错误显示在触摸，但出于某种原因，他们没有出现。我试着在官方的Formik网站上学习这个教程，但是没有结果。我正在使用React Bootstrap、Formik和Yup进行验证。导入：import { Container, Row, Col, Form } from 'react-bootstrap'
浏览 7提问于2020-09-04得票数 1
我想我可以像这样在验证中这样做，以便在提交尝试失败时向他们发出警报： const validate = values => { console.log(formik.isValidating); // always prints false errors.name = 'Required
浏览 28提问于2020-11-11得票数 3
回答已采纳
我有一个Formik“表单”，它的目的是混合到多个更大的Formik表单中。它不打算单独提交，但是有许多字段用于计算两个感兴趣的值。FormikB没有提交按钮。
import React fr
浏览 4提问于2022-07-20得票数 0
text="BTN submit" style={{border: '1px solid black'}}单击submit Button时，如果字段没有任何值，则应该显示错误消息。
浏览 5提问于2021-10-20得票数 1
回答已采纳
从字段中，如果您没有给出任何内容，那么您将得到验证错误，如果您单击submit按钮，您将得到验证错误--这是正确的，但是如何限制cancel按钮--如果您单击cancel按钮时没有在字段中提供任何数据，那么验证错误就不应该出现，如何仅对cancel按钮或任何类型的链接限制formik验证。我可以使用validateOnBlur，特别是cancel按钮，因为在初始阶段，如果我使用它禁用所有离焦类型的<
浏览 8提问于2022-04-07得票数 1
回答已采纳
我用Yup和Formik作为我的注册表格。下面是我的密码。 import { Formik, Form, Field, ErrorMessage } from 'formik'; }
浏览 4提问于2021-01-21得票数 0
回答已采纳
3回答
特定字段格式的句柄重置
、、、
我刚开始使用Formik，我喜欢它使制作表单和在react中处理表单变得多么简单。我已经使用formik创建了多个自定义字段，我在这里将创建的react select字段作为示例。import { ErrorMessage, Field } from "formik";import Select from 'react-selectclassNam
浏览 21提问于2022-03-17得票数 5
我有一个Formik表单，如下所示，它在最初的实现中工作正常。我必须添加的一个额外功能是，当提交按钮被单击时，我必须禁用它，以防止双击。我遵循了在按钮上定义ref={submitBtnRef}的example here。但是在onClick中插入此代码后，Formik不再提交，它只是停止。如果我删除这个新代码，一切都会正常工作。没有验证错误；我输出Formik的errors，它是空的。也没有控制台错误</em
浏览 28提问于2021-08-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
