function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Balu Phrabha123Balu Phrabha123 

How to make required field on Lead creation LWC

HI All, 

I want to make phone required when i click the create lead button.
But the lead is creating without phone. And also i need to show when phone is empty show tost message.  

Below is my code and it is not working. 

<div class="slds-col slds-size_2-of-7">
<lightning-input-field class="Phone" required field-name="Phone"

handleSubmit(event) {
        this.createlabel = "Creating Lead...";
        const fields = event.detail.fields;   // stop the form from submitting
        if (this.template.querySelector('.Phone') === '') {
        } else {

//Tost Message
fieldvalidationerror() {
const event = new ShowToastEvent({
mode: 'dismissable',
variant: 'error',
title: 'We hit a snag!',
message: 'Please fill required fields'
}User-added image
David Zhu 🔥David Zhu 🔥
You may need to change this line:
if (this.template.querySelector('.Phone') === '') {

this.template.querySelector('.Phone') gets the DOM object for phone. It should be checking the value of the DOM object.

if (this.template.querySelector('.Phone').value.trim() == "" {
David Zhu 🔥David Zhu 🔥
Please try:
if ( this.template.querySelector('.Phone').value== undefined || this.template.querySelector('.Phone').value.trim()== "" || ) {
Jitendra Singh ShahiJitendra Singh Shahi


you can try this:


if(this.template.querySelector('.Phone') && this.template.querySelector('.Phone').value==null){
   alert('null error');
}else if(this.template.querySelector('.Phone').value.trim()==""){
   alert('empty val error');

If the above suggestion worked, let us know by marking the answer as "Best Answer" right under the comment which will help the rest of the community should they have a similar issue in the future.