Validate required fields

PHOTO

Thu Jul 11 2024 17:47:23 GMT+0000 (Coordinated Universal Time)

Saved by @gbritgs

const allValid = [...this.template.querySelectorAll('lightning-input')].reduce((validSoFar, inputField) => {
            inputField.reportValidity();
            return validSoFar && inputField.checkValidity();
        }, true);

        if (allValid) {
            console.log('All fields are valid');
        } else {
            console.log('Please complete all required fields.');
        }

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

LWC

@gbritgs

Adding new attributes to an array of objects Comparing attributes from two arrays of objects Filtering array by search bar Filtering array by attribute Rendering an indexed list with clickable rows Get all keys/values from an object Parse a JSON from Apex in Lightning Web Components Generic function for toast notification Overlay combobox in modal Clear input fields with button Return specific attribute from array using map Getting values from table row on click Validate required fields Custom related list with tree grid Open records on subtab

Browse more snippets >>