email input should be red like other input but is doesnt

Question

the input email like firs name and last name is invalid but the color on CSS dent match. I don't know what is a difference between this tow I change type of email to text but no direness the email input should be invalid but it doesn't

  ngOnInit(){
    this.reactiveForm=new FormGroup({
      firstname:new FormControl(null,Validators.required),
      lastname:new FormControl(null,Validators.required),
      email:new FormControl(null,[Validators.required]),
      country:new FormControl("iran"),
      gender:new FormControl("other"),
      hobbies:new FormControl(null),
    });
  }

please include the html, or better, a stackblitz example

giacomoto
– giacomoto

2023-09-30 14:22:51 +00:00
Commented Sep 30, 2023 at 14:22 — giacomoto
– giacomoto, Commented Sep 30, 2023 at 14:22

Chuck Terry · Accepted Answer · 2023-09-30 13:34:15Z

0

That's not a lot of information to go on, but you could try changing

email:new FormControl(null,[Validators.required]),

to

email:new FormControl(null,Validators.required),

answered Sep 30, 2023 at 13:34

Chuck Terry

2662 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

giacomoto · Accepted Answer · 2023-09-30 18:52:50Z

0

To validate an email add the Validators.email validator

{
    // other controls
    email:new FormControl(null, [Validators.required, Validators.email])
}

Also Angular adds the ng-invalid class to an input when invalid. If you have it, it's a css issue.

answered Sep 30, 2023 at 18:52

giacomoto

5143 silver badges12 bronze badges

Collectives™ on Stack Overflow

email input should be red like other input but is doesnt

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related