这看起来可能很长,但这只是因为我想确保提供我所拥有的所有信息。因此,我在react组件中有一个Formik表单,它处理几个文本输入和几个文件上传。我在React类组件中使用了这个Formik组件: <Formik
initialValues={{
...initialValues, //no need to list them all here
affiliateLogo: null,
}}
validationSchema={validationSchema}
onSubmit(values=>{//do something with the v
我用Yup和Formik作为我的登记表。当使用Yup在我的密码上提供的trim方法时,没有出现错误消息,而所有其他验证方法都正常工作。
下面是我的Yup模式的密码部分:
password: Yup.string()
.required('Password is required)
.min(8, 'Password must be at least 8 characters long')
.max(18, 'Password cannot be longer than 18 characte
在密码字段中,如果我给“密码@ 345”它的接受和正确,但如果我给“密码@345”,它也接受,但它不应该接受,因为条件是没有空白,如何删除空格,如果我键入密码与空格,它应该会出现错误。
import React from "react";
import { Formik, Form, Field } from 'formik';
import * as Yup from 'yup';
export default function DropDown() {
const SignupSchema = Yup.object().shape({
我试图让验证错误显示在触摸,但出于某种原因,他们没有出现。我试着在官方的Formik网站上学习这个教程,但是没有结果。我正在使用React Bootstrap、Formik和Yup进行验证。我做错了什么?
导入:
import * as React from 'react';
import { Container, Row, Col, Form } from 'react-bootstrap';
import { Formik } from 'formik';
import * as yup from 'yup';
验证模式:
c
我希望这个输入字段的Yup错误一旦一个键被记录为最大的交互性就会触发。但是,只有当我从文本字段中单击时,我才会得到错误。在发生第一个onBlur事件并单击“回退”文本字段后,将实时显示下一个错误。
我怎样才能改变这种行为?如果我的第一个字符不是字母,或者我的名字不是5-12个字符,我希望立即出现一个错误。
这是我的密码:
import ReactDOM from 'react-dom';
import { useFormik } from 'formik'
import * as Yup from 'yup';
function Contain
我正在尝试使用formik验证自动完成多项选择。第一次它是在按钮点击上工作,但当我删除选定的值时,它不是验证。 import React from "react";
import ReactDOM from "react-dom";
import { Formik, Form } from "formik";
import TextField from "@material-ui/core/TextField";
import Autocomplete from "@materia
我有一个输入字段(类型文件),由于某种原因,即使不是必需的,也会进行验证。对于序列号,我有一个验证,它不是必需的,而且似乎工作正常,在提交空字段时没有错误。对于文件输入字段,我只希望输入字段在上传文件时验证。我做错了什么?,当我点击submit测试验证时,我得到了这个(见下图)。
这是我的密码:
const validationSchema = Yup.object({
title: Yup.string()
.required("Title is required")
.min(8, "Title must be at least 8
我想将material-ui添加到我的formik应用程序中。我使用formik-material-ui库(https://github.com/stackworx/formik-material-ui)来做这件事。但是,当我将material-ui textfield组件插入到字段中时,在提交之前会触发验证。我的直觉是这是一个mapStateToProps问题,但我不确定如何将它集成到我的代码中,因为关于它的文档并不多。 任何帮助都非常感谢,谢谢! import React from 'react';
import * as Yup from 'yup';
我正在对Yup使用formik验证。我已经创建了一个自定义react选择组件来选择多个选项。当用户选择一个选项时,其id将推送到一个数组中。这是必填字段。因此,我使用此代码对其进行了验证,但不会出现错误消息。
interest: Yup.array().of(Yup.string().required("This field is required"))
然后我试了下这个。然后会出现错误消息,但当我选择选项时,错误消息不会消失。
interest: Yup.array().min(1, "at least 1").required("This field
这是我完整的编辑表格。我在用道具检查类型。还使用yup对formik进行验证。但是,我的输入字段不接受十进制数。是否需要为十进制数字添加自定义验证规则?当前表单的验证和错误反馈对没有十进制格式的数字正常工作。有什么提示吗?我该怎么解决?提前谢谢!
import React from "react";
import PropTypes from "prop-types";
import { Formik, Form, Field } from "formik";
import { Button, Input, FormGroup, Label, F
我想使用Formik库创建一个表单,但在使用yup进行数据验证时,我无法获得控制台中的值,如name和password字段。不幸的是,我不知道是什么导致了这个问题。 这是我到目前为止所得到的: 仅供参考:KerrorMessage是我的自定义错误 import React from "react";
import { Formik, Form, Field } from "formik";
import * as yup from "yup";
import KerrorMessage from "./KerrorMessage"
当我console.log "formik.errors“时我有:
Array [ {…} ]
0: Object { firstName: "First name is required", lastName: "Last name is required", email: "Invalid email", … }
email: "Invalid email"
firstName: "First name is required"
lastName: "Last name is required&
我使用Formik和Yup,当我预填充域/form时,Yup会验证这些域,就像它们没有填充一样。我有基本的CRUD类型布局,其中更新数据需要预先填充表单。这些预先填充的字段不应该通过错误进行验证。我做错了什么? 验证方案: const validationSchema = Yup.object({
fname: Yup
.string()
.required('First Name is required'),
lname: Yup
.string()
.required('Last Name is required'),
ad
我使用formik作为表单实现。当您在上面的行中添加数据时,我们需要追加一个新的字段行。在提交表单时,我们将得到yup验证错误,因为新添加的行不符合条件。请建议跳过新添加的行(最后一行)的验证的解决方案。
This is the validation schema
Yup.object().shape({
key1: Yup.object({
key2: Yup.object({
key3: Yup
.array()
.of(Yup.object().shape