html: <lightning-record-edit-form object-api-name="Airport_Customer__c"> <lightning-layout-item size="6"> <lightning-input-field field-name="Account_c" class="Account_c" ></lightning-input-field> <lightning-input-field field-name="Airport__c" value={currentairportid} disabled="disabled"></lightning-input-field> </lightning-layout-item>
***********
Js handleAddCustomerSubmit(event){ console.log('***welcome to Add customer Submit log**'); const isInputsCorrect = [...this.template.querySelectorAll('lightning-input')] .reduce((validSoFar, inputField) => { inputField.reportValidity(); return validSoFar && inputField.checkValidity(); }, true); console.log('***welcome to isInputsCorrect**'+isInputsCorrect); if (isInputsCorrect) { console.log('***welcome ****'); let airCustObjFields = {}; for(let accountField of this.formFields){ let accountFieldValue = this.template.querySelector(`.${accountField}`).value; airCustObjFields[accountField] = accountFieldValue; } this.addCustomerDetails.acCustRec = airCustObjFields; this.addCustomerDetails.airprtId = this.currentairportid; this.handlePostAddCustomer();
************
i am getting Cannot read property 'value' of null] error
Hi! You are getting that error because this.template.querySelector(`.${accountField}`) doesn't select anything
