YUP validation: compare mathematical values of fields 'a' and 'b' to field 'c'
Hello I am quite new to YUP and trying to like it :)
I am able to get yup to do the basic (built-in) validation stuff, but I can't seem to figure out how to do validation that involves a bit of math.
For instance, I'm aware that you can use Yup.ref('field') and .lessThan to validate field_1 against field_2, but what if you wanted to do something like this?
if ((field_1 * field_2} < field_3) return an error
I am aware by reading the documentation that you can add custom methods (ie: addMethod) to yup, but I have failed to make this approach work so far.
Any help or a link to a solid example of how to use addMethod in this manner would be greatly appreciated. Thanks in advance.
reactjs formik yup
asked Nov 14 '18 at 18:57
ShatharShathar
112
add a comment |
Hello I am quite new to YUP and trying to like it :)
I am able to get yup to do the basic (built-in) validation stuff, but I can't seem to figure out how to do validation that involves a bit of math.
For instance, I'm aware that you can use Yup.ref('field') and .lessThan to validate field_1 against field_2, but what if you wanted to do something like this?
if ((field_1 * field_2} < field_3) return an error
I am aware by reading the documentation that you can add custom methods (ie: addMethod) to yup, but I have failed to make this approach work so far.
Any help or a link to a solid example of how to use addMethod in this manner would be greatly appreciated. Thanks in advance.
reactjs formik yup
asked Nov 14 '18 at 18:57
ShatharShathar
112
add a comment |
Hello I am quite new to YUP and trying to like it :)
I am able to get yup to do the basic (built-in) validation stuff, but I can't seem to figure out how to do validation that involves a bit of math.
For instance, I'm aware that you can use Yup.ref('field') and .lessThan to validate field_1 against field_2, but what if you wanted to do something like this?
if ((field_1 * field_2} < field_3) return an error
I am aware by reading the documentation that you can add custom methods (ie: addMethod) to yup, but I have failed to make this approach work so far.
Any help or a link to a solid example of how to use addMethod in this manner would be greatly appreciated. Thanks in advance.
reactjs formik yup
asked Nov 14 '18 at 18:57
ShatharShathar
112
Hello I am quite new to YUP and trying to like it :)
I am able to get yup to do the basic (built-in) validation stuff, but I can't seem to figure out how to do validation that involves a bit of math.
For instance, I'm aware that you can use Yup.ref('field') and .lessThan to validate field_1 against field_2, but what if you wanted to do something like this?
if ((field_1 * field_2} < field_3) return an error
I am aware by reading the documentation that you can add custom methods (ie: addMethod) to yup, but I have failed to make this approach work so far.
Any help or a link to a solid example of how to use addMethod in this manner would be greatly appreciated. Thanks in advance.
reactjs formik yup
reactjs formik yup
asked Nov 14 '18 at 18:57
ShatharShathar
112
asked Nov 14 '18 at 18:57
ShatharShathar
112
edited Nov 14 '18 at 19:22
Shathar
asked Nov 14 '18 at 18:57
ShatharShathar
112
asked Nov 14 '18 at 18:57
ShatharShathar
112
asked Nov 14 '18 at 18:57
ShatharShathar
112
112
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I finally found an example I could use. I used the '.test' object in YUP and wrote a function. Sorry for the newbie questions. Here is my resolution:
.test('test-compare a few values', 'U suck at math (this is the failure message for the test)',
function(value)
let value1 = this.resolve(Yup.ref("1st_number"));
let value2 = this.resolve(Yup.ref("2nd_number"));
let value3 = this.resolve(Yup.ref("3rd_number"));
if((value1 * value2) > value3)
return false;
else
return true;
),
answered Nov 14 '18 at 20:02
ShatharShathar
112
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53307035%2fyup-validation-compare-mathematical-values-of-fields-a-and-b-to-field-c%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I finally found an example I could use. I used the '.test' object in YUP and wrote a function. Sorry for the newbie questions. Here is my resolution:
.test('test-compare a few values', 'U suck at math (this is the failure message for the test)',
function(value)
let value1 = this.resolve(Yup.ref("1st_number"));
let value2 = this.resolve(Yup.ref("2nd_number"));
let value3 = this.resolve(Yup.ref("3rd_number"));
if((value1 * value2) > value3)
return false;
else
return true;
),
answered Nov 14 '18 at 20:02
ShatharShathar
112
add a comment |
I finally found an example I could use. I used the '.test' object in YUP and wrote a function. Sorry for the newbie questions. Here is my resolution:
.test('test-compare a few values', 'U suck at math (this is the failure message for the test)',
function(value)
let value1 = this.resolve(Yup.ref("1st_number"));
let value2 = this.resolve(Yup.ref("2nd_number"));
let value3 = this.resolve(Yup.ref("3rd_number"));
if((value1 * value2) > value3)
return false;
else
return true;
),
answered Nov 14 '18 at 20:02
ShatharShathar
112
add a comment |
I finally found an example I could use. I used the '.test' object in YUP and wrote a function. Sorry for the newbie questions. Here is my resolution:
.test('test-compare a few values', 'U suck at math (this is the failure message for the test)',
function(value)
let value1 = this.resolve(Yup.ref("1st_number"));
let value2 = this.resolve(Yup.ref("2nd_number"));
let value3 = this.resolve(Yup.ref("3rd_number"));
if((value1 * value2) > value3)
return false;
else
return true;
),
answered Nov 14 '18 at 20:02
ShatharShathar
112
I finally found an example I could use. I used the '.test' object in YUP and wrote a function. Sorry for the newbie questions. Here is my resolution:
.test('test-compare a few values', 'U suck at math (this is the failure message for the test)',
function(value)
let value1 = this.resolve(Yup.ref("1st_number"));
let value2 = this.resolve(Yup.ref("2nd_number"));
let value3 = this.resolve(Yup.ref("3rd_number"));
if((value1 * value2) > value3)
return false;
else
return true;
),
answered Nov 14 '18 at 20:02
ShatharShathar
112
answered Nov 14 '18 at 20:02
ShatharShathar
112
answered Nov 14 '18 at 20:02
ShatharShathar
112
answered Nov 14 '18 at 20:02
ShatharShathar
112
112
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53307035%2fyup-validation-compare-mathematical-values-of-fields-a-and-b-to-field-c%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
