.css function Unexpected token ILLEGAL jquery

Question

for some reason in this code I am getting an error message $('#emailError').css({'display': 'block', 'background-color': #e35152});

Uncaught SyntaxError: Unexpected token ILLEGAL

I don't know why

here is all the javascript.

function confirmEmail() {
        var email      = document.getElementById('email').value;
        var confirmail = document.getElementById('emailConfirm').value;
        if (email != confirmail) {
            $('#emailError').css({'display': 'block', 'background-color': #e35152});
             //document.getElementById('emailError').style.display = "block";
             //document.getElementById('emailError').style.background ='#e35152';
        };
    };

here is my html

     <div class="form-group">
         <label>Email *</label>
         <input type="email" name="email" class="form-control" required="required">
    </div>
    <div class="form-group">
       <label>Confirm Email *</label>
       <input type="email" name="emailConfirm" class="form-control" required="required" onblur="confirmEmail()">
       <span id="emailError" style="display: none;">Your emails must match</span>
    </div>

@MikeC thanks though its still not working trying to get a span to show onblurr an error message if not same email and confirm email any ideas — Aaron Rabinowitz
– Aaron Rabinowitz, Commented Jan 21, 2016 at 22:57
I guarantee you if you put quotes around it like what @kpucha suggests it will fix that specific problem. If you're having additional problems, try debugging it yourself then asking a new question on Stack Overflow if you're still having trouble with a specific issue. — Mike Cluck
– Mike Cluck, Commented Jan 21, 2016 at 22:59
Your inputs doesn't have ID so if you try to get an element with document.getElementById() you need to set the attribute id in the elements id="email" id="emailConfirm" — kpucha
– kpucha, Commented Jan 21, 2016 at 23:20

kpucha · Accepted Answer · 2016-01-21 22:53:17Z

5

You miss the '' in the color:

//$('#emailError').css({'display': 'block', 'background-color': #e35152});
$('#emailError').css({'display': 'block', 'background-color': '#e35152'});
                                                              ^here & ^here

answered Jan 21, 2016 at 22:53

kpucha

7295 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

.css function Unexpected token ILLEGAL jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related