Lightning Web Component - do I need to track changes for every single input field in a form2019 Community...

Word describing multiple paths to the same abstract outcome

I'm in charge of equipment buying but no one's ever happy with what I choose. How to fix this?

Why does this part of the Space Shuttle launch pad seem to be floating in air?

What does the "3am" section means in manpages?

Java - What do constructor type arguments mean when placed *before* the type?

How can a jailer prevent the Forge Cleric's Artisan's Blessing from being used?

Is infinity mathematically observable?

Identify a stage play about a VR experience in which participants are encouraged to simulate performing horrific activities

How to deal with or prevent idle in the test team?

Is there enough fresh water in the world to eradicate the drinking water crisis?

Calculating the number of days between 2 dates in Excel

Would it be legal for a US State to ban exports of a natural resource?

Can somebody explain Brexit in a few child-proof sentences?

Partial sums of primes

Science Fiction story where a man invents a machine that can help him watch history unfold

node command while defining a coordinate in TikZ

Is there an wasy way to program in Tikz something like the one in the image?

Books on the History of math research at European universities

Greatest common substring

What is Sitecore Managed Cloud?

How to prevent YouTube from showing already watched videos?

What was required to accept "troll"?

How can I successfully establish a nationwide combat training program for a large country?

Why are all the doors on Ferenginar (the Ferengi home world) far shorter than the average Ferengi?



Lightning Web Component - do I need to track changes for every single input field in a form



2019 Community Moderator ElectionWhy Lightning Web ComponentHow to make rich text input work with lightning-record-edit form in lwc?Salesforce Lightning Web Component@track vs @api (Lightning Web Components)Is there a way to load every label data and every SObject description data in Lightning Web Component using only Javascript without any Apex?Fetching data from Apex controller for lightning web componentLightning Web Component Invalid Field Highlight IssueBind Lightning Web Component SObject Variable to Input Text Arealightning-input-field [Lightning Web Components]How to add lookup field in lightning web components form?












2















Since lwc is one-way data binding so if I need to get the current value of the input field I turned out to use event.target.value in the onchange event.



However, if we need to have a form of input fields and only need to collect all of the data at the form submission time, do I still need to add onchange event on every one of the input field at all? Or can I simply collect the information at the submission time?










share|improve this question



























    2















    Since lwc is one-way data binding so if I need to get the current value of the input field I turned out to use event.target.value in the onchange event.



    However, if we need to have a form of input fields and only need to collect all of the data at the form submission time, do I still need to add onchange event on every one of the input field at all? Or can I simply collect the information at the submission time?










    share|improve this question

























      2












      2








      2








      Since lwc is one-way data binding so if I need to get the current value of the input field I turned out to use event.target.value in the onchange event.



      However, if we need to have a form of input fields and only need to collect all of the data at the form submission time, do I still need to add onchange event on every one of the input field at all? Or can I simply collect the information at the submission time?










      share|improve this question














      Since lwc is one-way data binding so if I need to get the current value of the input field I turned out to use event.target.value in the onchange event.



      However, if we need to have a form of input fields and only need to collect all of the data at the form submission time, do I still need to add onchange event on every one of the input field at all? Or can I simply collect the information at the submission time?







      lightning-web-components






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked 1 hour ago









      Lance ShiLance Shi

      7,52633077




      7,52633077






















          2 Answers
          2






          active

          oldest

          votes


















          2














          In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.




          do I still need to add onchange event on every one of the input field at all?




          Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.




          Or can I simply collect the information at the submission time?




          Use this approach if you want to defer the validation until the submission.






          share|improve this answer































            1














            I would simply collect all the information on form submission using query selector.



            this.template.querySelector('classname'); //use query selector


            Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .



            If there is no client side validations involved on page, there is no need to use change handler on every input .






            share|improve this answer


























            • So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?

              – Lance Shi
              46 mins ago











            Your Answer








            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "459"
            };
            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: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            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%2fsalesforce.stackexchange.com%2fquestions%2f255251%2flightning-web-component-do-i-need-to-track-changes-for-every-single-input-fiel%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            2 Answers
            2






            active

            oldest

            votes








            2 Answers
            2






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            2














            In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.




            do I still need to add onchange event on every one of the input field at all?




            Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.




            Or can I simply collect the information at the submission time?




            Use this approach if you want to defer the validation until the submission.






            share|improve this answer




























              2














              In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.




              do I still need to add onchange event on every one of the input field at all?




              Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.




              Or can I simply collect the information at the submission time?




              Use this approach if you want to defer the validation until the submission.






              share|improve this answer


























                2












                2








                2







                In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.




                do I still need to add onchange event on every one of the input field at all?




                Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.




                Or can I simply collect the information at the submission time?




                Use this approach if you want to defer the validation until the submission.






                share|improve this answer













                In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.




                do I still need to add onchange event on every one of the input field at all?




                Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.




                Or can I simply collect the information at the submission time?




                Use this approach if you want to defer the validation until the submission.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered 1 hour ago









                Jayant DasJayant Das

                17k21330




                17k21330

























                    1














                    I would simply collect all the information on form submission using query selector.



                    this.template.querySelector('classname'); //use query selector


                    Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .



                    If there is no client side validations involved on page, there is no need to use change handler on every input .






                    share|improve this answer


























                    • So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?

                      – Lance Shi
                      46 mins ago
















                    1














                    I would simply collect all the information on form submission using query selector.



                    this.template.querySelector('classname'); //use query selector


                    Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .



                    If there is no client side validations involved on page, there is no need to use change handler on every input .






                    share|improve this answer


























                    • So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?

                      – Lance Shi
                      46 mins ago














                    1












                    1








                    1







                    I would simply collect all the information on form submission using query selector.



                    this.template.querySelector('classname'); //use query selector


                    Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .



                    If there is no client side validations involved on page, there is no need to use change handler on every input .






                    share|improve this answer















                    I would simply collect all the information on form submission using query selector.



                    this.template.querySelector('classname'); //use query selector


                    Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .



                    If there is no client side validations involved on page, there is no need to use change handler on every input .







                    share|improve this answer














                    share|improve this answer



                    share|improve this answer








                    edited 1 hour ago

























                    answered 1 hour ago









                    Mohith ShrivastavaMohith Shrivastava

                    61.5k7105147




                    61.5k7105147













                    • So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?

                      – Lance Shi
                      46 mins ago



















                    • So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?

                      – Lance Shi
                      46 mins ago

















                    So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?

                    – Lance Shi
                    46 mins ago





                    So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?

                    – Lance Shi
                    46 mins ago


















                    draft saved

                    draft discarded




















































                    Thanks for contributing an answer to Salesforce Stack Exchange!


                    • 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%2fsalesforce.stackexchange.com%2fquestions%2f255251%2flightning-web-component-do-i-need-to-track-changes-for-every-single-input-fiel%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

                    “%fieldName is a required field.”, in Magento2 REST API Call for GET Method Type The Next...

                    How to change City field to a dropdown in Checkout step Magento 2Magento 2 : How to change UI field(s)...

                    變成蝙蝠會怎樣? 參考資料 外部連結 导航菜单Thomas Nagel, "What is it like to be a...