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






lightning-web-components







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?






    lightning-web-components







    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?






      lightning-web-components







      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




      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
              17 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
                      17 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
                      17 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 37 mins ago

























                    answered 45 mins 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
                      17 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
                      17 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
                    17 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
                    17 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

                    الفوسفات في المغرب

                    Image
                    قطار ينقل فوسفات من منطقة خريبكة متجه نحو الدار البيضاء. ديار عمال بمصانع الفوسفات بمدينة آسفي. المحتوى هنا ينقصه الاستشهاد بمصادر. يرجى إيراد مصادر موثوق بها. أي معلومات غير موثقة يمكن التشكيك بها وإزالتها. (أغسطس 2015) الفوسفات في المغرب هو ثالث مصدر عالمي للفوسفات، ويتوفر المغرب على %75 من الاحتياطي العالمي  [بحاجة لمصدر] ويتوزع بنسب متفاوتة بين عدة مناطق أساسية وهي: وادي زم بن جرير بوكراع خريبكة اليوسفية أولاد عبدون كنتور واد الذهب مستقلة. هذه الأخيرة لم تفتح بعد للاستغلال. الصادرات الحامض الفوسفوري P205 تمتص الهند %50 من ا لصادرات الإجمالية آسيا (دون روسيا)%59 أوروبا %30 أمريكا اللاتينية %11 أسمدة صلبة أوروبا 38 % أمريكا اللاتينية %30 آسيا (دون روسيا) 22 % أستراليا 9 % بوابة المغرب هذه بذرة مقالة عن علم الاقتصاد أو موضوع متعلق به بحاجة للتوسيع. شارك في تحريرها. This page is only for reference, If you need detailed information, please check here
                    Read more

                    Four equal circles intersect: What is the area of the small shaded portion and its height

                    Image
                    3 $begingroup$ In terms of $R$ which is the radius of all four circles, what is the area of the intersection region of these four equal circles and the height of the marked arrow in the figure? The marked arrow is along the line CD, also the midpoint of all the circles are points A, B, C and D. Looking for a very short intuitive solution. I have checked similar questions on this site for example this and this. geometry circle share | cite | improve this question edited 2 hours ago Abdulhameed asked 2 hours ago ...
                    Read more

                    بطل الاتحاد السوفيتي

                    Image
                    بطل الاتحاد السوفيتي   البلد الاتحاد السوفيتي  أول جائزة 16 أبريل 1934  العدد الممنوح 12776 [1]   تعديل   وسام بطل الاتحاد السوفيتي بطل الاتحاد السوفيتي (بالروسية:Герой Советского Союза؛ جيروي سويتسكوفو سيوزا) كان أعلى وسام في الاتحاد السوفيتي، منح لمجموعات وأشخاصا منفردين قدموا خدمات جليلة للمجتمع والدولة السوفيتية. مجموع الأوسمة التي مُنحت هو 12,775 وسامًا، مُنح أولها في 16 أبريل 1939، وآخرها في 20 ديسمبر 1991. بعض من نال اللقب مرة واحدة Rouslan Aouchev يوري جاجارين Valentina Grizodoubova Anna Iegorova ميليتون كنتاريا Vladimir Konovalov Zoïa Kosmodemianskaïa نيقولاي غيراسيموفيتش كوزنيتسوف Alexandre Marinesko Nikolai Melnik أوتو شميدت ريخارد زورغه فالنتينا تريشكوفا Evgueni Tolstikov فاسيلي زايتسيف Ievgueni Pepeliaïev ناتاليا ميكلين Наталья Мекли مرتان إيفان باغراميان Sydir Kovpak Amet-Khan Soultan Ivan Papanine سيميون تيموشينكو 3 مرات Semion Boudienny Ivan Kojedoub ألكسندر بوكريشكين 4 مرات ليون...
                    Read more