Coloring text inside jquery function while focused in

Question

I am trying to color the text Enter Valid Email in Red how can i achieve this Please Help

email_validation.js

$('#email').focusin(function()
{
    $('#email_feed').text('Enter Valid Email...');
})

Possible duplicate of [Validate email address in JavaScript?](http://stackoverflow.com/questions/46155/validate-email-address-in-javascript) — Evaldas Buinauskas, Nov 19 '15 at 08:28
Add another line $('#email_feed').css('color','red'); in focusin function. — Narayan Subedi, Nov 19 '15 at 09:14

score 1 · Answer 1 · answered Nov 19 '15 at 08:02

1

$('#email').focusin(function()
{
    $('#email_feed').html('<span style="color:red;">Enter Valid Email...</span>');
})

answered Nov 19 '15 at 08:02

madalinivascu

score 1 · Accepted Answer · answered Nov 19 '15 at 08:03

1

Use .css property

$('#email_feed').text('Enter Valid Email...').css('color','red');

answered Nov 19 '15 at 08:03

Guruprasad J Rao

Well you can just achieve this with pure `CSS` too as mentioned in Mr.White and samuelmr's answers.. :) – Guruprasad J Rao Nov 19 '15 at 08:13

score 0 · Answer 3 · answered Nov 19 '15 at 08:03

0

You can either use css

#email_feed
{ 
    color: #F00;
}

Or you could continue using jquery and use

$('#email_feed').text('Enter Valid Email...').css({ color : "#F00" )};

Both will achieve the same result

answered Nov 19 '15 at 08:03

samuelmr

3 Answers3