Bsrhrki

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

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

Why isn't KTEX's runway designation 10/28 instead of 9/27?

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

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

Is it okay / does it make sense for another player to join a running game of Munchkin?

Latex for-and in equation

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

Perfect riffle shuffles

Books on the History of math research at European universities

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

Greatest common substring

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

Is exact Kanji stroke length important?

Reply ‘no position’ while the job posting is still there (‘HiWi’ position in Germany)

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

Freedom of speech and where it applies

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

Are Warlocks Arcane or Divine?

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

Could solar power be utilized and substitute coal in the 19th century?

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

Is infinity mathematically observable?

Giant Toughroad SLR 2 for 200 miles in two days, will it make it?

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

asked 3 hours ago

Lance ShiLance Shi

7,52833077

add a comment | 

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

asked 3 hours ago

Lance ShiLance Shi

7,52833077

add a comment | 

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

asked 3 hours ago

Lance ShiLance Shi

7,52833077

share|improve this question

asked 3 hours ago

Lance ShiLance Shi

7,52833077

share|improve this question

asked 3 hours ago

Lance ShiLance Shi

7,52833077

asked 3 hours ago

Lance ShiLance Shi

7,52833077

asked 3 hours ago

Lance ShiLance Shi

7,52833077

2 Answers
2

active

oldest

votes

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

edited 2 hours ago

answered 2 hours ago

Mohith ShrivastavaMohith Shrivastava

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

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  By Id does not work there but by class .Yes almost jQuery style will be ideal .
  
  – Mohith Shrivastava
  59 mins ago
  

  
  
  
  

add a comment | 

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

answered 3 hours ago

Jayant DasJayant Das

17.1k21330

add a comment | 

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

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

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

Name

Email

Required, but never shown

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

edited 2 hours ago

answered 2 hours ago

Mohith ShrivastavaMohith Shrivastava

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

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  By Id does not work there but by class .Yes almost jQuery style will be ideal .
  
  – Mohith Shrivastava
  59 mins ago
  

  
  
  
  

add a comment | 

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

edited 2 hours ago

answered 2 hours ago

Mohith ShrivastavaMohith Shrivastava

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

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  By Id does not work there but by class .Yes almost jQuery style will be ideal .
  
  – Mohith Shrivastava
  59 mins ago
  

  
  
  
  

add a comment | 

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

edited 2 hours ago

answered 2 hours ago

Mohith ShrivastavaMohith Shrivastava

61.5k7105147

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

share|improve this answer

edited 2 hours ago

answered 2 hours ago

Mohith ShrivastavaMohith Shrivastava

61.5k7105147

answered 2 hours ago

Mohith ShrivastavaMohith Shrivastava

61.5k7105147

answered 2 hours ago

Mohith ShrivastavaMohith Shrivastava

61.5k7105147

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

answered 3 hours ago

Jayant DasJayant Das

17.1k21330

add a comment | 

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

answered 3 hours ago

Jayant DasJayant Das

17.1k21330

add a comment | 

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

answered 3 hours ago

Jayant DasJayant Das

17.1k21330

share|improve this answer

answered 3 hours ago

Jayant DasJayant Das

17.1k21330

answered 3 hours ago

Jayant DasJayant Das

17.1k21330

answered 3 hours ago

Jayant DasJayant Das

17.1k21330