我用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
浏览 8提问于2022-10-12得票数 0
回答已采纳
我正在学习如何使用Formik和Yup来验证输入(文本)表单字段。我遵循了贾里德·帕默的标准方法，它的效果非常好。
当涉及到做一些更多的组件驱动，我有一个困难的时间达到相同水平的价值，我只是不知道我是哪里错了？
Yup似乎无法识别我的表单模型，也不会根据需要验证输入字段.
我在想，我实际上搞砸了初始值，或者我没有给出Yup想要的正确形状，但是这里的任何帮助都会令人吃惊，这是疯狂的.
我有一个示例沙箱在这里运行>>
(components/CheckoutPage/FormModel/checkoutFormModel.js)：表单模型
export default {
for
浏览 1提问于2020-06-24得票数 2
回答已采纳
1回答
我想设置一个用户输入的最小验证。首先，我要验证它不是空字符串，所以类似
yup.string().min(10);
我还想验证它是否有日期格式，所以
yup.string().min(10).date();
我也想把它与另一个日期进行比较，以确保范围是有意义的。
我看过yup文档，无法理解如何完成这三项任务。所以我想出的“解决方案”是
const hasMaxDateTime =
value &&
isDefined(value.maxCreatedAt) &&
isNaN(Date.parse(val
浏览 3提问于2022-01-01得票数 3
我使用formik作为表单实现。当您在上面的行中添加数据时，我们需要追加一个新的字段行。在提交表单时，我们将得到yup验证错误，因为新添加的行不符合条件。请建议跳过新添加的行(最后一行)的验证的解决方案。
This is the validation schema
Yup.object().shape({
key1: Yup.object({
key2: Yup.object({
key3: Yup
.array()
.of(Yup.object().shape
浏览 1提问于2019-09-10得票数 3
回答已采纳
如何在yup.validationSchema中添加和删除验证字段 const validationSchema = yup.object().shape({
password: yup
.string()
.label('Password')
.required()
.min(2, 'Seems a bit short...')
.max(10, 'We prefer insecure system, try a shorter password.'),
浏览 67提问于2019-04-24得票数 4
2回答
所以我在使用yup进行条件验证时遇到了问题。基本上，我希望运输有必要的属性时，复选框未被切换。我正在使用yup的when特性，但是我不知道如何从那个shipping嵌套对象中引用sameShippingAsBilling布尔值。 当checkbox为false时，一切正常，显示错误...但是当复选框被选中时，我得到这个错误："Cannot use 'in' operator to search for 'default' in undefined" 问题是is回调中的值是未定义的。是否有可能从这些嵌套对象访问when中的外部变量？有什么替代方法
浏览 149提问于2021-01-23得票数 1
我正在尝试使用Formik和Yup实现登录功能。这是我当前的架构
let loginSchema = yup.object().shape({loginId:
yup
.string()
.email("That doesn't look like a valid email")
.required("This field is required."),password: yup.string().required("This field is required."),});
但我的loginId既可以是电话号码，也可以是电子
浏览 0提问于2020-05-15得票数 2
const validationSchema = () => {
return Yup.lazy(values => {
return Yup.object().shape({
name: Yup.string().required("This field is required"),
streetAddress: Yup.string().required("This field is required"),
city: Yup.string().required("This fiel
浏览 1提问于2020-02-13得票数 0
2回答
我正在使用yup验证，并试图构建一个条件验证对象。
我的问题是，如何将必需的和匹配的对象添加到Yup.string()对象中，而不需要对其进行硬编码。类似于如何链接jQuery函数。
下面是我正在努力实现的一个例子：
if (field.required) {
valSchema[id] = Yup.string().required(errorText[id].default);
}
if (field.validation) {
valSchema[id] = Yup.string().matches(re, field.validation[0].message);
}
if (
浏览 2提问于2018-10-23得票数 7
3回答
我和Yup有一个经典的Formik表单，就像这样：
// Schema for the form
const OrderFormSchema = Yup.object().shape({
lastname: Yup.string()
.required('Ce champs est obligatoire.'),
firstname: Yup.string()
.required("Ce champs est obligatoire"),
company: Yup.string()
.required('Ce cham
浏览 21提问于2022-07-15得票数 2
回答已采纳
5回答
下面是我的验证模式：
const validationSchema = Yup.object().shape({
person: Yup.object().shape({
name: Yup.string().required('Field is required'),
surname: Yup.string().required('Field is required'),
middleName: Yup.string().required('Field is required'),
浏览 7提问于2019-02-28得票数 26
回答已采纳
1回答
我正在尝试创建一个yup模式，其中基于变量值的模式略有变化。在我的例子中，根据prop myCondition的值，我需要根据需要创建一个字段。我想知道有没有更好的方法可以用Yup实现同样的效果。下面是我目前使用的代码结构： // config.js
const COMMON_SCHEMA = {
str1: yup
.string()
.nullable()
.required('Please input str1'),
str3: yup
.string()
.nullable()
};
const VALIDATION_S
浏览 11提问于2020-04-07得票数 1
我有一个输入字段(类型文件)，由于某种原因，即使不是必需的，也会进行验证。对于序列号，我有一个验证，它不是必需的，而且似乎工作正常，在提交空字段时没有错误。对于文件输入字段，我只希望输入字段在上传文件时验证。我做错了什么？，当我点击submit测试验证时，我得到了这个(见下图)。
这是我的密码：
const validationSchema = Yup.object({
title: Yup.string()
.required("Title is required")
.min(8, "Title must be at least 8
浏览 6提问于2020-12-14得票数 3
回答已采纳
1回答
我有一个使用Formik的<Form />和<FieldArray />组件的动态表单。我的验证模式如下：
const countPerKgSchema = total => {
return Yup.object().shape({
rows: Yup.array()
.of(
Yup.object().shape({
count: Yup.string().required('Count is required'),
kg: Yup.string().require
浏览 14提问于2020-03-06得票数 2
1回答
我正在使用Formik与Yup在一个项目，我正在工作。
我正在创建一个多步表单。当用户单击next按钮时，如果步骤1的输入是有效的，我想显示第二步的输入。否则，他应该留在第一步。
是否有一个函数来检查输入是否有效？
<Formik
initialValues={{
name: '',
kitchenName: '',
phone: '',
email: '',
address: {
street: '',
city: '',
postalCode:
浏览 3提问于2021-03-18得票数 0
回答已采纳
我尝试将Yup的架构验证与formik集成起来。但是接收错误，因为yupError.inner是未定义的，这里有一个指向的链接！
我没试过多少。但发现了这个窃听器报告。后来才被解决了。但我还是收到了同样的消息。链接到发布！
// VALIDATION SCHEMA
const formSchema = Yup.object().shape({
emailId: Yup.string("Enter a valid string")
.email("Please enter a valid Email ID")
.required(&
浏览 2提问于2019-07-29得票数 2
回答已采纳
1回答
我使用的是material-table库：https://material-table.com/#/ 我创建了一个可重用的组件，因此我创建了一个包含列和数据的表。我设置了版本和更新。然而，我发现自己不得不在后台管理用户输入的数据的验证。我想设置与表单相同的系统，并使用类似yup的验证方案。 代码如下： <Table
title="List type tiers"
column={[{ title: 'TYPE TIERS', field: 'libelle' }]}
data={tiersList}
is
浏览 20提问于2019-10-17得票数 2
3回答
如何进行密码验证，但同时将错误传递给不同的变量？
i.e
password: Yup.string().required("Please provide a valid password"),
passwordMin: Yup.string().oneOf([Yup.ref('password'), null]).min(8, 'Error'),
passwordLC: Yup.string().oneOf([Yup.ref('password'), null]).matches(/[a-z]/, "Error"
浏览 0提问于2018-03-27得票数 26
回答已采纳
2回答
我有三个字段: Formik表单中的referenceMonth(string)、openingDate(string)、closingDate(string)。当openingDate与openingDat不是同一个月时，我会向referenceMonth添加一个错误。
export const VALIDATION_SCHEMA = Yup.object().shape({
'referenceMonth' : Yup.number().required(YUP_DEFAULT_ERROR_VALUE),
'openingDate' : Yu
浏览 5提问于2021-04-02得票数 3
我有以下模式，并且我正在尝试确定如何允许嵌套的Yup.object().shape({..})访问RuleSchema validationTypeCode (或将其传递给子模式)。 export const RuleSchema = Yup.object().shape({
description: Yup.string().required('Required').min(2).max(25),
fieldId: Yup.number().required('Required'),
validationTypeCode: Yup.s
浏览 26提问于2021-11-19得票数 0
我正在解决这个问题。我用yup进行formik验证。计划守则：
const schema = yup.object().shape<Partial<NoteInterface>>({
noteName: yup.string().required().max(32),
groupId: yup.number().required(),
noteText: yup.string().required().max(32),
noteDuration: yup.string().required().max(32),
noteTags: yup.array
浏览 5提问于2020-12-20得票数 2
Yup包含一个方法名为validationError，其属性之一是“内部”。因此，在文件中：
在聚合错误的情况下，内部是验证链前面ValidationErrors抛出的数组。当abortEarly选项为false时，您可以在这里检查抛出的每个错误，或者，错误将包含来自每个内部错误的所有消息。
然而，它是否正常工作对我来说还不太清楚。如何访问该属性并在代码中使用它。
在这里，我试图在这个应用程序中使用，但它似乎不起作用。
function validator (req, res, next) {
yup.setLocale({
mixed: {
default: &#
浏览 4提问于2021-04-25得票数 1
回答已采纳
2回答
我需要根据单选按钮值验证我的字段。这是我的示例代码，用于发布我的单选按钮值是第一个单选按钮-> values.type === "PO“第二个单选按钮-> values.type === "PRE” 这是我的验证类， import * as Yup from "yup";
const POValidation = Yup.object().shape({
purchaseOrderNumber: Yup.object()
.required("This field is Required"),
amount
浏览 36提问于2021-04-23得票数 0
回答已采纳
1回答
我有一个字段，我想验证它是用户名还是邮件地址。我使用Yup进行验证，但在设置正确的Yup模式时遇到了问题。
如果输入既不是邮件地址也不是用户名，那么验证就会失败。换句话说，必须满足这两个条件之一才能通过验证。
let schema = yup.object().shape({
email: yup.string().email(),
});
// username pattern
var pattern = new RegExp(/^(?=[a-zA-Z0-9._]{5,25}$)[^_.].*[^_.]$/);
浏览 0提问于2021-11-07得票数 0
回答已采纳
我试图为yup验证库编写一个自定义测试，用于一个节点/快速应用程序，该应用程序测试两个字段是否是相同的--例如测试密码和确认密码字段是否匹配。逻辑正在工作，但是方法提供的消息不起作用。
修改自定义验证程序代码：
自定义验证器
yup.addMethod(yup.string, 'isMatch', function (ref, msg) {
return this.test({
name: 'isMatch',
message: msg || `${this.path} must be equal to ${this.reference}`,
浏览 4提问于2020-04-19得票数 1
回答已采纳
2回答
我正在尝试在Yup中为逗号分隔的电子邮件地址编写一个验证模式。
到目前为止，我已经创建了自定义验证函数，并将其添加到我的模式中。它正在将逗号分隔的用户输入推送到一个数组中...我要做的是使用内置的Yup.string().email()验证阵列中的每一封电子邮件。
function invalidEmails(this: Yup.StringSchema, msg: string) {
return this.test({
name: "invalidEmails",
message: msg,
test: (value)
浏览 0提问于2019-09-17得票数 2
我是新的yup验证，我是填充的反应-选择下拉与以下选项。现在，当我单击一个按钮，试图验证是否选择了任何值。但这并不能证明这一点。任何帮助都是非常感谢的。
const options = [
{ value: 'active', label: 'Active' },
{ value: 'inactive', label: 'In Active' },
{ value: 'deleted', label: 'Delete' },
];
<Sele
浏览 3提问于2021-07-12得票数 2
回答已采纳
2回答
我正在使用验证注册表单，但由于需要来自Yup的string和number模式的方法，我正在努力验证信用卡字段。
例如，卡号不能超过16个字符。这很容易通过使用string模式中的max方法来实现。但是，如果用户输入16个字母而不是数字，则当前将通过验证。如果我将模式从string更改为number，那么max的行为方式就不同了，而是将字段中的所有数字相加，并检查是否等于最大值。
我需要使用number模式的min和max方法的字段的一个示例是过期月份，其中最小值为1，最大值为12。但是，我仍然需要检查以确保此字段中的字符数为2，因为1月到9月应使用前导0。
const validationSc
浏览 0提问于2018-06-08得票数 11
从字段中，如果您没有给出任何内容，那么您将得到验证错误，如果您单击submit按钮，您将得到验证错误--这是正确的，但是如何限制cancel按钮--如果您单击cancel按钮时没有在字段中提供任何数据，那么验证错误就不应该出现，如何仅对cancel按钮或任何类型的链接限制formik验证。我可以使用validateOnBlur，特别是cancel按钮，因为在初始阶段，如果我使用它禁用所有离焦类型的错误，但我只需要单击cancel，验证错误就不会出现。我应该遵循什么方法。
import React from "react";
import { Formik, Fo
浏览 8提问于2022-04-07得票数 1
回答已采纳
4回答
蚂蚁设计复选框反应钩子形式的验证
、、、、
这是我的联署材料：
<Form.Item
name="agreement"
validateStatus={errors.agreement ? 'error' : 'success'}
help={errors.agreement?.message}
valuePropName="checked"
>
<Controller
浏览 4提问于2021-01-22得票数 0
我正在尝试在一个angular7项目中添加yup。我已经成功地将它添加到了我的组件中。
readonly optionalRequiredSchema = yup.object().shape({
['@name']: yup.string().required(),
description: yup.string().required(),
['rule-type']: yup.string().required(),
from: yup.object().required(),
source: yup.object
浏览 13提问于2020-05-27得票数 3
回答已采纳
我有一个带有react-hooks-form的表单，正在尝试使用yup验证。现在它工作得很好，但我正在尝试使字段‘product.hasVrnts’是必需的，这取决于变量的值(当hasVrnt===1时，变量应该是必需的)。架构对象为： const schema = yup.object().shape({
date: yup.date().required(),
beginDate: yup.date().required(),
qty: yup.number().integer().positive(),
product: yup.array().leng
浏览 72提问于2021-01-15得票数 1
2回答
类型编号的TextField验证
、、、、
我使用的是这个文本字段：
<TextField
variant="outlined"
margin="normal"
id="freeSeats"
name="freeSeats"
helperText={touched.freeSeats ? errors.freeSeats : ''}
error={touched.freeSeats && Boolean(errors.freeSeats)}
label="Free Sea
浏览 2提问于2020-04-08得票数 0
我目前正在使用Formik库在React JS中制作一个表单。我遇到了一个验证问题，我需要用空字符串更改无效的字母。 str.replace(/\D/, '); 但是我不能访问Formik值中的input。我需要在每次按键时验证值，但Formik文档中没有关于它的信息。 组件Form import React, {useEffect} from 'react';
import { useHistory } from 'react-router-dom';
import { Formik, Form, useFormikContext } from &#
浏览 15提问于2021-08-31得票数 0
我有一项任务来自我的公司，我必须显示用户名是否被使用，我正在使用formik和yup验证来进行检查，因此目前我已经为yup验证添加了一个自定义测试功能，该功能显示用户名是否被在submit按钮上使用，然而，我最初的任务是在用户输入用户名时动态显示错误消息，它应该告诉他用户名是否被取走。我知道我可能不得不操作formik的默认handleChange，但我无法这样做。任何帮助都是非常感谢的！
validationSchema: Yup.object({
name: Yup.string()
.min(2, "Min
浏览 1提问于2020-11-27得票数 6
回答已采纳
1回答
我们当前的项目结构包括一个使用Yup和TypeScript的表单验证。我们开始这样使用它：
// Used as a type in `useForm` from `react-hook-form`
export type MySlideSchemaType = {
questionField: string
}
// Used with `useForm` as a `resolver`
export const mySlideSchema: yup.SchemaOf<MySlideSchemaType> =
yup.object({
questionField
浏览 14提问于2021-10-18得票数 0
我正在尝试使用Yup来验证数组中的数据。例如，这是我的initialValue：
{name:'',extra:[]}
在动态呈现表单域之后，initialValue将如下所示：
{name:'',extra:[{label:'age',value:'',required:true}]}
我想将验证方案设置为仅当'required‘为true时才验证对象中的'value’。
我使用这些数据来模拟这种情况：
{name:'john',extra:[{label:'age',value:
浏览 4提问于2020-05-13得票数 0
2回答
具有此验证模式：
const schema = yup.object().shape({
second: yup.number(),
minute: yup.number(),
triggerName: yup.string().required()
});
triggerName应该是必需的，但是当我为minute输入写东西时，second输入应该重置，反之亦然。
const { handleSubmit, register, reset } = useForm({ resolver: yupResolver(schema) });
..。
<Input inputId=&
浏览 6提问于2022-01-11得票数 1
回答已采纳
1回答
我试图为对象定义Yup验证--如果定义的兄弟关系被设置为true，则应该需要对象类型的字段，否则不需要
示例：
const { object, string, number, date, boolean } = require('yup')
const contactSchema = object({
isBig: boolean(),
count: number()
.when('isBig', {
is: true, // alternatively: (val) => val == true
then: nu
浏览 5提问于2020-04-16得票数 1
回答已采纳
1回答
我试图在用户选择的Select选项上有条件地验证一个对象，问题是我呈现了一个货币列表，并且在尝试将其设置为必填字段时遇到了巨大的困难，因为我必须首先传入一个空对象。
我的代码栈是React、Formik和Yup (都是最近的版本)。
对象架构
category: 'A',
details: {
name: '',
price: 0,
stock: 0,
currency: {
label: '',
code: '',
symbol: '',
a
浏览 15提问于2020-05-23得票数 12
回答已采纳
4回答
Yup中的有条件验证
、、、、
如何实现像1字段的值这样的条件应该总是大于另一个字段的值。
这是我的模式
value: Yup.number().required(''),
value2: Yup.number().when('value',{
is: (val) => something here
then: Yup.number().required('Required').positive('value should be positive'),
otherwise: Yup.number()
})
我想检查
浏览 0提问于2018-07-24得票数 1
回答已采纳
如何将简单的GraphQL模式(我可以通过导入访问服务器端和通过查询访问客户端)转换成验证规则？
我可以看到我是如何为枚举做这件事的，让我说我有一个标题：
enum Title {
Mr, Ms, Mrs, Dr
}
我可以通过查询访问可能的值。
__type (name: "Title") {
name
enumValues {
name
}
}
现在我可以在客户机上创建一个下拉列表或者在服务器上创建一个验证，但是我如何编码和访问字符串字段的最小/最大长度呢？还是一个数字的最小/最大值？
是否需要为每个字段添加自定义
浏览 7提问于2020-04-03得票数 4
回答已采纳
我需要检查字段是否包含电话号码或电子邮件。
如下所示：
const phoneOrEmailValidationSchema = Yup.object().shape({
phoneOrEmail: Yup.string()
.oneOfValidators(
[Yup.string().email(), Yup.string().min(5)],
"must be phone or email"
)
.required("Required phoneOrEmail"),
});
有没有可能用YUP呢？
浏览 3提问于2021-02-20得票数 0
回答已采纳
我有一个电子邮件字段的问题，我想阻止用户，如果他的输入包括感叹号在电子邮件字段。例如，如果用户输入由感叹号组成，则电子邮件字段将显示Email address cannot use exclamation mark
下面是我当前的email yup验证代码，目前只能正常验证电子邮件格式，但我不知道如何在下面的代码中阻止感叹号：
const validationSchema = Yup.object().shape({
email: Yup.string()
.email(
intl.formatMessage({
id: "10003&#
浏览 8提问于2022-11-16得票数 2
1回答
如何创建一个验证器，该验证器满足以下所有非排他性要求，并为每个需求显示不同的错误消息？我有一个Formik表单字段来查询电话号码。验证要求是
无字母字符(ASCII字母表: and )无周期符号无符号(非句号-例如±、$、%、^等)仅为数字、空格和
使用以下命令轻松地使用catch：/^[\s\d\)\(\-]+$/处理该需求：
phoneNo: yup
.string()
.min(6, 'Phone must be at least 6 characters')
.max(35, 'Phone number must be at most 35 characters
浏览 33提问于2022-09-14得票数 1
回答已采纳
3回答
yup数组的条件验证
、、、
我想在借入寄存器的基础上验证数组，如果借入寄存器为真，则数组应该验证，否则验证。
yup.object().shape({
loan_register: yup.boolean(),
loans: yup.array()
.of(
yup.object().shape({
bank_name: yup.string().required(),
浏览 3提问于2021-06-07得票数 0
3回答
我在我的React Native应用程序中使用Formik。在登录表单上，我有两个字段:电子邮件和密码，这两个字段都是必填项。
我写了这样的验证规则：
export const LoginSchema = Yup.object().shape({
email: Yup.string()
.email('The email is invalid')
.required('This field is required'),
password: Yup.string()
.min(6, 'The password is too
浏览 1提问于2019-06-25得票数 44
回答已采纳
只有当“承诺”字段的值为"3“时，我才需要显示和验证"hourlyCommitment”字段。问题是，我似乎无法访问数组字段的“当前索引”，因此验证不起作用。如有任何意见，将不胜感激。
professionals: Yup.array().of(
Yup.object().shape({
talent: Yup.number().required(translates.FormsErrorsRequired),
seniority: Yup.number().required(translates.FormsErrorsRequired)
浏览 12提问于2022-03-11得票数 0
2回答
我得到了一个与我的怀疑高度相关的简单例子，所以我用这个作为我的例子。在这个链接中，我们可以看到一个简单的Yup验证模式。因此，当我们在电子邮件字段中输入某些内容时，电子邮件验证中的控制台日志将被打印出来，这显然是很好的。但是，即使我们在name字段中键入某些内容，控制台也会被打印出来。
验证模式
const schema = yup.object({
name: yup.string().required(),
email: yup.string().test('is-jimmy', '${path} is not Jimmy', function (v
浏览 8提问于2022-11-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
