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!

score 3 · Accepted Answer · answered Mar 01 '11 at 19:01

3

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 01 '11 at 19:01

Dan

3,490
2
22
27

1

This is indeed the most simple way.. it's also possible to create the div on the fly and place it near the textbox. :) – Shadow The GPT Wizard Mar 01 '11 at 19:05

score 1 · Answer 2 · answered Mar 01 '11 at 18:59

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 01 '11 at 18:59

jimmystormig

10,672
1
29
28

score 0 · Answer 3 · answered Mar 01 '11 at 19:05

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 01 '11 at 19:05

Guilherme Serrano

136
4

How do I display error text via Javascript?

3 Answers3