Color doesn't change on css/jquery

Question

I have this jquery code :

var regexparam="([^a-zA-Z ])";                                                
if(thisValue.match(regexparam))                                    
{                                                                                                                                        
     $(parentId).children('span').addClass('red').html('&#10005;  Firstname cannot contain numbers or symbols.');                                     
}
else if($.trim(thisValue)=="")                                    
{
    $(parentId).children('span').addClass('red').html('&#10005;   Firstname cannot be empty.');                                        
}
else
{
    $(parentId).children('span').addClass('green').html('&#10004;   So you\'re '+ thisValue+'.');                                
}

The 'red' class is being rendered when the user inputs wrong information... While the 'green' class doesn't apply and revert back to it's default color.

I checked on the firebug and the class is being rendered and I can see that both green and red class is being applied to the element.

Here's my css:

.red{color:red;};
.green{color:green;};

Musa · Accepted Answer · 2013-12-24 14:02:15Z

1

Your css has snytax errors, remove the ; after each group

.red{color:red;}
.green{color:green;}

answered Dec 24, 2013 at 14:02

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

1 Comment

o2kevin Over a year ago

Urggggggggh yeah syntax problem jeeez

Shiva · Accepted Answer · 2013-12-24 14:01:25Z

0

Just use toggleClass() in spite of addClass().

Because probably whats happening is that the previous values are not getting overridden .

And you can also try using

.red{color:red !important;}
.green{color:green !important ;}

but do use this trick with caution

answered Dec 24, 2013 at 14:01

Shiva

6,9034 gold badges40 silver badges65 bronze badges

Comments

Arindam Nayak · Accepted Answer · 2013-12-24 14:03:12Z

0

You can do .removeClass('red').removeClass('green').addClass('<requiredOne>')

answered Dec 24, 2013 at 14:03

Arindam Nayak

7,4924 gold badges36 silver badges51 bronze badges

Collectives™ on Stack Overflow

Color doesn't change on css/jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related