How to get a browser to spot this javascript/jquery syntax error?

Question

I had a subtle typo in a javascript I was testing - a double-apostrophe instead of a single. Can you spot it?

$('#visa, #mastercard').click(function() {
    $('#creditCard input').attr('disabled', false).css('backgroundColor",''); 
    $('#creditCard label').css('color','');
});

My question is - is there a way to have this error flagged in the browser? When I look at the console in both Chrome and Firefox (firebug), nothing shows up.

The problem, of course, is 'backgroundColor" with the unmatched single-double quote. I've done this kind of things many times. I second the idea of using syntax highlighting in your editor (I use UltraEdit from IDM), but the thing that has helped me has been to have a strict set of rules for using quotes. For me it always works best to use ' to start with and then " for quoted items internal to the '. I don't know of any way to have the browser flag it for you. — Terry
– Terry, Commented Feb 25, 2012 at 18:50

Rob W · Accepted Answer · 2012-02-25 18:28:36Z

2

You should be getting this error (with information about the file and line number):

SyntaxError: unterminated string literal

Use the syntax highlighting feature of your IDE to detect such errors.

answered Feb 25, 2012 at 18:28

Rob W

351k87 gold badges811 silver badges683 bronze badges

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

4 Comments

Rob W Over a year ago

A good IDE for Windows is Notepad++. I myself use Kate (Linux).

Jack BeNimble Over a year ago

How do I see this error? I look at Console in firebug, but nothing. Same with tools, javascript console, console on Chrome.

Jack BeNimble Over a year ago

any idea how I can see this in the browser? It's escaping me - haven't been able to find it.

Rob W Over a year ago

@JackBeNimble Firefox/Chrome: Ctrl+Shift+J, clear the console and Reload page. The error should show up.

Nimantha · Accepted Answer · 2021-11-09 12:31:12Z

1

The line

$('#creditCard input').attr('disabled', false).css('background-color',''); 
$('#anAirlineName').css('background-color",'');

Should be

$('#creditCard input').attr('disabled', false).css('background-color',''); 
$('#anAirlineName').css('background-color','');

after background-color it should be single apostrophe not the double one.

edited Nov 9, 2021 at 12:31

Nimantha

6,5476 gold badges32 silver badges78 bronze badges

answered Jul 20, 2012 at 11:30

Salvador P.

1,48920 silver badges17 bronze badges

Comments

Nimantha · Accepted Answer · 2021-11-09 12:31:57Z

1

If you have an editor with highlighting, it'll show up immediately since the colors will be reversed every line after that. It even shows up on Stack Overflow.

edited Nov 9, 2021 at 12:31

Nimantha

6,5476 gold badges32 silver badges78 bronze badges

answered Feb 25, 2012 at 18:27

Tim

14.4k6 gold badges42 silver badges63 bronze badges

Comments

Terry · Accepted Answer · 2012-02-25 21:48:23Z

0

For what it may be worth, I stuck the following in my code:

$('#anAirlineName).css('backgroundColor",'');

and I did get in the Firebug error console 'unterminated string literal' and it gave the filename name and line number.

The way I'm set up, I don't see the Firebug error console, unless I click the rightmost red x on the Firebug menu line.

answered Feb 25, 2012 at 21:48

Terry

1,4572 gold badges12 silver badges26 bronze badges

Collectives™ on Stack Overflow

How to get a browser to spot this javascript/jquery syntax error?

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related