Lightning Web Component - do I need to track changes for every single input field in a form2019 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?

Can a Gentile theist be saved?

Bob has never been a M before

Is a naturally all "male" species possible?

Are Warlocks Arcane or Divine?

The most efficient algorithm to find all possible integer pairs which sum to a given integer

Freedom of speech and where it applies

How can I raise concerns with a new DM about XP splitting?

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

The One-Electron Universe postulate is true - what simple change can I make to change the whole universe?

Superhero words!

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

Did US corporations pay demonstrators in the German demonstrations against article 13?

Can I Retrieve Email Addresses from BCC?

For airliners, what prevents wing strikes on landing in bad weather?

What do you call the infoboxes with text and sometimes images on the side of a page we find in textbooks?

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

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

Does "Dominei" mean something?

Adding empty element to declared container without declaring type of element

Organic chemistry Iodoform Reaction

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

Partial sums of primes

Latex for-and in equation

Is there an Impartial Brexit Deal comparison site?



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 2 hours 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






























            2














            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
              1 hour 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 2 hours ago









                Jayant DasJayant Das

                17k21330




                17k21330























                    2














                    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
                      1 hour ago















                    2














                    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
                      1 hour ago













                    2












                    2








                    2







                    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
                      1 hour 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
                      1 hour 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
                    1 hour 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
                    1 hour 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

                    Oświęcim Innehåll Historia | Källor | Externa länkar | Navigeringsmeny50°2′18″N 19°13′17″Ö / 50.03833°N 19.22139°Ö / 50.03833; 19.2213950°2′18″N 19°13′17″Ö / 50.03833°N 19.22139°Ö / 50.03833; 19.221393089658Nordisk familjebok, AuschwitzInsidan tro och existensJewish Community i OświęcimAuschwitz Jewish Center: MuseumAuschwitz Jewish Center

                    Valle di Casies Indice Geografia fisica | Origini del nome | Storia | Società | Amministrazione | Sport | Note | Bibliografia | Voci correlate | Altri progetti | Collegamenti esterni | Menu di navigazione46°46′N 12°11′E / 46.766667°N 12.183333°E46.766667; 12.183333 (Valle di Casies)46°46′N 12°11′E / 46.766667°N 12.183333°E46.766667; 12.183333 (Valle di Casies)Sito istituzionaleAstat Censimento della popolazione 2011 - Determinazione della consistenza dei tre gruppi linguistici della Provincia Autonoma di Bolzano-Alto Adige - giugno 2012Numeri e fattiValle di CasiesDato IstatTabella dei gradi/giorno dei Comuni italiani raggruppati per Regione e Provincia26 agosto 1993, n. 412Heraldry of the World: GsiesStatistiche I.StatValCasies.comWikimedia CommonsWikimedia CommonsValle di CasiesSito ufficialeValle di CasiesMM14870458910042978-6

                    Typsetting diagram chases (with TikZ?) Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)How to define the default vertical distance between nodes?Draw edge on arcNumerical conditional within tikz keys?TikZ: Drawing an arc from an intersection to an intersectionDrawing rectilinear curves in Tikz, aka an Etch-a-Sketch drawingLine up nested tikz enviroments or how to get rid of themHow to place nodes in an absolute coordinate system in tikzCommutative diagram with curve connecting between nodesTikz with standalone: pinning tikz coordinates to page cmDrawing a Decision Diagram with Tikz and layout manager