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?

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

In Star Trek IV, why did the Bounty go back to a time when whales were already rare?

Does "Dominei" mean something?

Hostile work environment after whistle-blowing on coworker and our boss. What do I do?

Can a Gentile theist be saved?

Invariance of results when scaling explanatory variables in logistic regression, is there a proof?

Latex for-and in equation

Can the harmonic series explain the origin of the major scale?

Can I Retrieve Email Addresses from BCC?

Is the next prime number always the next number divisible by the current prime number, except for any numbers previously divisible by primes?

Installing PowerShell on 32-bit Kali OS fails

How will losing mobility of one hand affect my career as a programmer?

Who must act to prevent Brexit on March 29th?

What should I use for Mishna study?

What is the term when two people sing in harmony, but they aren't singing the same notes?

Why is delta-v is the most useful quantity for planning space travel?

Resetting two CD4017 counters simultaneously, only one resets

Can you use Azure DevOps with Sitecore Managed Cloud

Can the electrostatic force be infinite in magnitude?

Adding empty element to declared container without declaring type of element

Partial sums of primes

Is a naturally all "male" species possible?

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

What if somebody invests in my application?



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











            • By Id does not work there but by class .Yes almost jQuery style will be ideal .

              – Mohith Shrivastava
              4 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 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











                    • By Id does not work there but by class .Yes almost jQuery style will be ideal .

                      – Mohith Shrivastava
                      4 mins 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











                    • By Id does not work there but by class .Yes almost jQuery style will be ideal .

                      – Mohith Shrivastava
                      4 mins 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











                    • By Id does not work there but by class .Yes almost jQuery style will be ideal .

                      – Mohith Shrivastava
                      4 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
                      1 hour ago











                    • By Id does not work there but by class .Yes almost jQuery style will be ideal .

                      – Mohith Shrivastava
                      4 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
                    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













                    By Id does not work there but by class .Yes almost jQuery style will be ideal .

                    – Mohith Shrivastava
                    4 mins ago





                    By Id does not work there but by class .Yes almost jQuery style will be ideal .

                    – Mohith Shrivastava
                    4 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

                    Möglingen Índice Localización Historia Demografía Referencias Enlaces externos Menú de navegación48°53′18″N 9°07′45″E / 48.888333333333, 9.129166666666748°53′18″N 9°07′45″E / 48.888333333333, 9.1291666666667Sitio web oficial Mapa de Möglingen«Gemeinden in Deutschland nach Fläche, Bevölkerung und Postleitzahl am 30.09.2016»Möglingen

                    Virtualbox - Configuration error: Querying “UUID” failed (VERR_CFGM_VALUE_NOT_FOUND)“VERR_SUPLIB_WORLD_WRITABLE” error when trying to installing OS in virtualboxVirtual Box Kernel errorFailed to open a seesion for the virtual machineFailed to open a session for the virtual machineUbuntu 14.04 LTS Virtualbox errorcan't use VM VirtualBoxusing virtualboxI can't run Linux-64 Bit on VirtualBoxUnable to insert the virtual optical disk (VBoxguestaddition) in virtual machine for ubuntu server in win 10VirtuaBox in Ubuntu 18.04 Issues with Win10.ISO Installation

                    Torre de la Isleta Índice Véase también Referencias Bibliografía Enlaces externos Menú de navegación38°25′58″N 0°23′02″O / 38.43277778, -0.3838888938°25′58″N 0°23′02″O / 38.43277778, -0.38388889Torre de la Illeta de l’Horta o Torre Saleta. Base de datos de bienes inmuebles. Patrimonio Cultural. Secretaría de Estado de CulturaFicha BIC Torre de la Illeta de l’Horta. Dirección General de Patrimonio Cultural. Generalitat ValencianaLugares de interés. Ayuntamiento del CampelloTorre de la Isleta en CastillosNet.org