How do I display error text via Javascript?

Question

I'm validating forms with Javascript, and I found out how to switch borders/backgrounds of input fields if there is an error, but I want to display text next to the box. How would I do that? Thanks!

Dan · Accepted Answer · 2011-03-01 19:01:05Z

2

Create a div object next to the respective box, give it a certain width in its style attribute to make it visible, and then find it in javascript by using the DOM or just getElementById(...), and modify its innerHTML by using js. (as in, myDiv.innerHTML = ...).

answered Mar 1, 2011 at 19:01

Dan

3,6242 gold badges24 silver badges27 bronze badges

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

1 Comment

user447356 Over a year ago

This is indeed the most simple way.. it's also possible to create the div on the fly and place it near the textbox. :)

jimmystormig · Accepted Answer · 2011-03-01 18:59:15Z

1

If you use the jQuery Validate plugin this could be handled for you. Here's an example http://docs.jquery.com/Plugins/validation#Example (just push the Submit button).

answered Mar 1, 2011 at 18:59

jimmystormig

10.8k1 gold badge31 silver badges28 bronze badges

Comments

Guilherme Serrano · Accepted Answer · 2011-03-01 19:05:23Z

0

Are you using jQuery?

If you you can use something like this:

jQueryElement.addClass('error').after('<span class="errorMessage">error message here</span>');

answered Mar 1, 2011 at 19:05

Guilherme Serrano

1364 bronze badges

Collectives™ on Stack Overflow

How do I display error text via Javascript?

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