characters after whitespace missing - javascript

Question

I am doing something like this:

 var MESSAGE = "part1 part2";
  var fName = $("<input type=\"text\" class=\"fieldname\" size=35  disabled=disabled   value=" + MESSAGE + " />" );

the value of the textbox turns out to be "part1" and is missing part2. i.e the characters after the whitespace . What is the mistake here?

Tobias Baumeister · Accepted Answer · 2013-08-21 00:05:08Z

5

You should add " to your value:

var MESSAGE = "part1 part2";
  var fName = $("<input type=\"text\" class=\"fieldname\" size=35  disabled=disabled   value=\"" + MESSAGE + "\" />" );

Otherwise your browser interprets "part2" to be a new attribute like "class" or "size".

answered Aug 21, 2013 at 0:05

Tobias Baumeister

2,1573 gold badges21 silver badges40 bronze badges

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

Comments

Romain Paulus · Accepted Answer · 2013-08-21 02:04:34Z

1

One improvement could be to use the jQuery .attr() function, since it automatically escapes HTML entities such as ". It is recommended to do so, unless you are absolutely sure that your message doesn't contain any ",<or >.

var MESSAGE = "part1 part2";
var fName = $("<input">).attr({
    type     : "text",
    class    : "fieldname",
    size     : "35",
    disabled : "disabled",
    value    : MESSAGE
});

And now you are safe.

edited Aug 21, 2013 at 2:04

answered Aug 21, 2013 at 0:05

Romain Paulus

2,3681 gold badge21 silver badges20 bronze badges

Collectives™ on Stack Overflow

characters after whitespace missing - javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related