Yup验证十进制数
是一个用于前端开发的验证库，用于验证用户输入的十进制数是否符合特定的规则和要求。它提供了一种简单且灵活的方式来定义和执行验证规则。
Yup的主要特点包括：
- 简单易用：Yup提供了简洁的API，使得定义和执行验证规则变得非常容易。
- 灵活性：Yup支持各种类型的验证规则，包括必填、最小值、最大值、范围、正则表达式等。开发人员可以根据具体需求自由组合和定制验证规则。
- 错误处理：Yup能够捕获验证错误并生成相应的错误消息，开发人员可以根据需要自定义错误消息的内容和格式。
- 异步验证：Yup还支持异步验证，可以用于处理需要与服务器进行交互的验证场景。
Yup在前端开发中的应用场景非常广泛，特别是在表单验证方面。无论是简单的登录表单还是复杂的数据输入表单，Yup都可以帮助开发人员轻松地验证用户输入的十进制数是否合法。
腾讯云提供了一系列与前端开发相关的产品和服务，其中与表单验证相关的产品是腾讯云的Serverless Cloud Function（SCF）。SCF是一种无服务器计算服务，可以帮助开发人员在云端运行代码，实现前端表单的验证逻辑。您可以通过以下链接了解更多关于腾讯云SCF的信息：
腾讯云Serverless Cloud Function（SCF）产品介绍：https://cloud.tencent.com/product/scf
总结：Yup是一个用于前端开发的验证库，用于验证用户输入的十进制数是否符合特定的规则和要求。它简单易用、灵活性高，并且能够处理错误消息和异步验证。在前端开发中，可以使用腾讯云的Serverless Cloud Function（SCF）来实现表单验证逻辑。
相关·内容
Yup允许使用.when基于另一个值进行验证。 示例： var inst = yup.object({
isBig: yup.boolean(),
count: yup
.number()
.when('isBig', {
is: true, // alternatively: (val) => val == true
then: yup.number().min(5),
otherwise: yup.number().min(0),
})
}); Material UI的单选表单仅允许value字段中
浏览 40提问于2019-02-20得票数 1
回答已采纳
2回答
因此，下面使用进行验证：
const myValidtion = yup
.string()
.trim()
.matches(/[abcdefghijklmnopqrstuvwxyz]+/ , 'Is not in correct format')
.required();
因此，这将通过：hello world如预期的那样。但让我困惑的是为什么这个也会通过：hello WORLD或者这个也会通过：hello ,&$#$ world
另一方面，如果我们只输入像*%$&#$($#这样的无效字符，这将不会传递并显示错误。因此，正如我所看到的，只有当ALL条目无效时
浏览 0提问于2019-01-28得票数 35
回答已采纳
我有一个带有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
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
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
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
回答已采纳
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
回答已采纳
我需要检查字段是否包含电话号码或电子邮件。
如下所示：
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
回答已采纳
我有以下模式，并且我正在尝试确定如何允许嵌套的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
只有当“承诺”字段的值为"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
我使用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
回答已采纳
我正在学习如何使用Formik和Yup来验证输入(文本)表单字段。我遵循了贾里德·帕默的标准方法，它的效果非常好。
当涉及到做一些更多的组件驱动，我有一个困难的时间达到相同水平的价值，我只是不知道我是哪里错了？
Yup似乎无法识别我的表单模型，也不会根据需要验证输入字段.
我在想，我实际上搞砸了初始值，或者我没有给出Yup想要的正确形状，但是这里的任何帮助都会令人吃惊，这是疯狂的.
我有一个示例沙箱在这里运行>>
(components/CheckoutPage/FormModel/checkoutFormModel.js)：表单模型
export default {
for
浏览 1提问于2020-06-24得票数 2
回答已采纳
我必须测试一个温度敏感的IoT设备API，其中需要通过请求Paylod中的最高和最小温度，并且响应需要验证正确的数据是否被成功处理。我使用了方法.validate .validate("$.minVal"，"(${minVal})") minVal = 20来进行验证。但是，脚本以异常结束，如下所示
失败:由:ValidationException引起:验证失败:元素‘$..maxVal’的值不相等，预期为'(20.0)‘，但为'20’
请求-> {"minVal"："20.0"，"maxVa
浏览 1提问于2017-10-05得票数 0
回答已采纳
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
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
回答已采纳
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
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
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
回答已采纳
我是新的yup验证，我是填充的反应-选择下拉与以下选项。现在，当我单击一个按钮，试图验证是否选择了任何值。但这并不能证明这一点。任何帮助都是非常感谢的。
const options = [
{ value: 'active', label: 'Active' },
{ value: 'inactive', label: 'In Active' },
{ value: 'deleted', label: 'Delete' },
];
<Sele
浏览 3提问于2021-07-12得票数 2
回答已采纳
我使用Yup根据验证模式验证嵌套数据对象。我想检索第一个验证错误的路径。我用 of yup试了一下。它拥有默认为true的选项abortEarly。因此，在这种情况下，应该返回第一个错误。
然而，我总是得到最后一个错误。我不知道我错过了什么。
下面是我已经尝试过的代码。
const validationSchema = Yup.object().shape({
basicDetails: Yup.object().shape({
firstName: Yup.string().required("Required first name"),
浏览 5提问于2021-05-27得票数 6
回答已采纳
使用.test()对每个字段的更改触发Formik + yup验证 示例:我有一个验证模式： const schemaValidation = yup.object().shape({
name: yup.string().required(),
email: yup.string().email().required()
.test( // it runs even if previous validation failed!
'checkEmailExists', 'email already taken.',
//
浏览 23提问于2020-04-23得票数 6
我正在尝试创建一个动态表单，并进行以下验证-
用户必须至少选择两个选择。
每个选项都必须是一个非空字符串。
我正在尝试使用Yup进行表单验证来实现它。
这是代码框链接-
我在这里面临以下问题-
即使用户已经创建了3种选择，“至少需要2种选择”的错误也不会消失。
第一选择输入是不被验证的。
我创建了以下formSchema来强制执行最少2个元素和非空输入-
export const formSchema = yupResolver(
yup
.object({
choices: yup
.array(
浏览 10提问于2022-11-09得票数 1
回答已采纳
我正在尝试在一个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
回答已采纳
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进行对象验证。我有以下模式
const schema = yup.object().shape({
name: yup.string().required(),
});
我正在用object验证它。
{
"name": "Foo",
"desc": "Lorem ipsum"
}
Yup验证这个对象，尽管它有一个额外的键desc。我想提高对象中额外键的错误。
我尝试过abortEarly和stripUnknown在.validate，但它不起作用。
schema.validateSync(data, {
浏览 2提问于2021-12-27得票数 0
1回答
我有数组字段名...未知的字段名称，从数据库获取的数组字段名称。他们是相同的验证.How到验证与yup未知的域名？ const schema=yup.object().schema({
nameField1:yup.required('required')
.min(5, 'min 5 characters')
.max(10, 'max 10 characters'),
nameField2:yup.required('required')
.min(5, 'min 5
浏览 19提问于2020-10-20得票数 0
1回答
我使用react final- form和material、mui和yup进行表单验证.我有多个屏幕，或者说向导屏幕，每个屏幕都有HTML表单元素、输入和单选按钮。
所有HTML表单元素都是必需的，这意味着它们不能继续到下一个屏幕，除非用户输入数据或单击它。
目前我这里有两个问题。
“下一步”按钮未按预期工作。我预计，当当前屏幕有值时，简单地说，valid: false有错误，next按钮被禁用，所以不能转到下一个屏幕。当屏幕值valid: true可以继续到下一个屏幕时。
表单验证是在不单击next按钮的情况下对下一个屏幕执行高级验证。因此，有效性值总是valid:false。这就是
浏览 7提问于2021-02-12得票数 0
我使用formik作为表单实现。我目前正在尝试验证组字段只用于填充required属性，并且自定义验证函数validateGroup只有在单击按钮(条件呈现)时才能运行，直到那时才会运行特定的验证，请提出解决方案，使其按照我的要求工作。
我的需求的原因
这个特定的自定义验证validateGroup将运行一个函数，该函数将进行API调用，因此我希望只有单击按钮时才验证该函数，否则，它将继续在窗体字段中的每个键按下调用该函数。
模式：
const validationSchema = Yup.object().shape({
tasks: Yup.array().of(
浏览 1提问于2022-10-13得票数 0
我用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
回答已采纳
我正在解决这个问题。我用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
2回答
我想在react输入上只允许带小数的数字，并根据得到的值做一些条件，低于我尝试的，工作正常，但有下面提到的问题
<FormInput
name="amount"
label="Amount"
onChange: this.handleChange,
startAdornment: (<InputAdornment position="start">$</InputAdornment>),
pattern: '[0-9]*',
/>
handleChange = (e
浏览 68提问于2020-03-11得票数 1
我想验证字段是字符串还是字符串数组 这是一个碰巧使用formik的minimal failing example，但实际上我正在使用yup进行服务器端验证。 {
email: yup
.mixed()
.oneOf([yup.array().of(yup.string()), yup.string()])
.nullable()
}
浏览 51提问于2019-07-02得票数 17
回答已采纳
我正在尝试使用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
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
回答已采纳
1回答
我试图在用户选择的Select选项上有条件地验证一个对象，问题是我呈现了一个货币列表，并且在尝试将其设置为必填字段时遇到了巨大的困难，因为我必须首先传入一个空对象。
我的代码栈是React、Formik和Yup (都是最近的版本)。
对象架构
category: 'A',
details: {
name: '',
price: 0,
stock: 0,
currency: {
label: '',
code: '',
symbol: '',
a
浏览 15提问于2020-05-23得票数 12
回答已采纳
1回答
只有当OtherResonChage数组中包含“其他”字段时才需要该字段
export const formikValues = {
reasonChangeJob: [],
otherReasonChangeJob: "",
}
export const questionnaireSchema = Yup.object({
reasonChangeJob: Yup.array()
.required("req")
.min(1, "min q"),
otherReasonChangeJob: Yup.stri
浏览 1提问于2022-09-19得票数 0
我已经尝试了对fieldsArray表单进行(必需的)验证，我可以这样做，但不能。我想跳过对fieldArray的最后一个索引对象的验证。
以下是我尝试过的模式：
const schema= yup.object().shape({
field1: yup.string().required("Required."),
field2: yup.string().required("Required."),
MoreFields: yup.array().min(1, "Create at least one").of(
yup.object().
浏览 30提问于2021-02-23得票数 0
1回答
我正在尝试为一个对象编写Yup验证模式，它的类型如下所示
interface myObject {
prop0: Date
prop1: {
nestedProp1: string
nestedProp2: number
[key: string]: string | number
}
}
我试过这个：
yup.object({
prop0: yup.string(),
prop1: yup.object({
nestedProp1: yup.string(),
nestedProp2: yup.number(),
// he
浏览 12提问于2022-01-17得票数 1
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
Yup异步验证测试被多次调用。是否有任何方法只在值发生更改时才调用test或阻止对同一值进行验证检查？
const validationSchema = yup.object().shape({
zipCode: yup.string().required()
.test('invalidZip', 'ZipCode must be valid', (value, context) => {
/**
* api call to validate zip code
浏览 7提问于2022-04-09得票数 1
我试图为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
回答已采纳
如何在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
我使用不同的方法创建了几个不同版本的Formik表单，试图使错误处理正常工作(具体地说，如果某些字段中的输入不是字符串，则拒绝这些输入)。很难理解为什么一个非字符串没有被选中并抛出一个错误... 这是我的第一次尝试，它使用Material UI TextField + useFormik import { useFormik } from 'formik';
import * as yup from 'yup';
import Button from '@material-ui/core/Button';
import TextField fr
浏览 25提问于2021-08-25得票数 1
回答已采纳
1回答
只是试图获得Yup的句柄，不幸的是，我似乎找不到任何示例来验证嵌套对象和(对象的嵌套数组)在另一个对象中的有效性。
我有这样的事情：
"books": [{
"info": {
"dateReleased": null,
"timeReleased": null
},
"reviewers": [
{
"com
浏览 7提问于2021-08-04得票数 0
回答已采纳
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
1回答
我在React应用程序中结合使用yup和Formik来验证TypeScript模型/接口。我们之前有一个用于以下模式的yup.object：
export const InputSchema = yup.object({
id: yup.string(),
name: yup.string().required().min(MIN_DESC_LENGTH).max(_MAX_NAME_LENGTH),
description: yup.string().required().matches(/(?!^\d+$)^[\s\S]+$/, 'Please enter a va
浏览 2提问于2019-12-06得票数 3
回答已采纳
在我的应用程序中，我使用Yup验证。我所面临的情况是，我至少需要三个字段(String)中的一个。我试过使用下面的代码，但是它抛出了未指明的错误:循环依赖，节点是："b"。
a: yup.string().when(['b', 'c'], {
is: (b, c) => !b && !c,
then: yup.string().required()
}),
b: yup.string().when(['a', 'c'], {
is: (a, c) => !a &&
浏览 1提问于2020-08-04得票数 0
回答已采纳
1回答
我目前正在使用react-select和Yup进行验证，react组件的代码如下所示
import React, { useState, useMemo } from "react";
import Select from "react-select";
import countryList from "react-select-country-list";
function CountrySelector({ register }) {
const [value, setValue] = useState("");
c
浏览 1提问于2022-05-08得票数 1
我试图验证一个十进制值，我确实使用了naturalNumber，但没有将一个值识别为1,00大于零。
如何使用Cakephp 2验证来处理十进制值？(0,01)将被接受！
我试着：
$this->loadModel('SomeModel');
$data = array(
'decimal_value' => '0,01',
);
$this->SomeModel->save($data);
class SomeModel extends AppModel {
public $validate
浏览 0提问于2016-12-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
