Display Correct Fa Fa Icons Inside Phone And Email Input Boxes

Inside my form the email input box displays a green circle x when the email inside is correct. I would like it to display a green check mark circle icon like the input boxes above

Solution 1:

Your script is working... But you just dont change the FA icon depending on the validation result.

If valid, add:

 $(this).next("i").removeClass("fa-times-circle-o").addClass("fa-check-circle");

If error, add:

 $(this).next("i").removeClass("fa-check-circle").addClass("fa-times-circle-o");

CodePen