YUP validation: compare mathematical values of fields 'a' and 'b' to field 'c'










0















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.










share|improve this question




























    0















    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.










    share|improve this question


























      0












      0








      0


      1






      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.










      share|improve this question
















      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






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 14 '18 at 19:22







      Shathar

















      asked Nov 14 '18 at 18:57









      ShatharShathar

      112




      112






















          1 Answer
          1






          active

          oldest

          votes


















          1














          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;
          ),





          share|improve this answer






















            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
            );



            );













            draft saved

            draft discarded


















            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









            1














            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;
            ),





            share|improve this answer



























              1














              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;
              ),





              share|improve this answer

























                1












                1








                1







                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;
                ),





                share|improve this answer













                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;
                ),






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 14 '18 at 20:02









                ShatharShathar

                112




                112





























                    draft saved

                    draft discarded
















































                    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.




                    draft saved


                    draft discarded














                    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





















































                    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







                    Popular posts from this blog

                    How to how show current date and time by default on contact form 7 in WordPress without taking input from user in datetimepicker

                    Syphilis

                    Darth Vader #20