Javascript form validation, showing error message next to <input>

Question

I'm new to Javascript and HTML and am trying to do some form validation. When the validation() fails for some input like

<input type="text" name="firstName" />

I'd like to have an error message show next to the field that was in error. How do I find the location of where to put the message? Or do I have some sort of label that's hidden to set when there is an error? Thanks.

Why not use jQuery validation plugin?

Emmanuel N
– Emmanuel N

2011-10-26 00:52:07 +00:00
Commented Oct 26, 2011 at 0:52 — Emmanuel N
– Emmanuel N, Commented Oct 26, 2011 at 0:52

Nick Rolando · Accepted Answer · 2011-10-26 00:51:17Z

3

You can have a div tag such as <div id="errorMsg"></div>, and in your javascript, when validation fails, use:

document.getElementById('errorMsg').innerHTML = "error msg";

answered Oct 26, 2011 at 0:51

Nick Rolando

26.2k13 gold badges84 silver badges120 bronze badges

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

Collectives™ on Stack Overflow

Javascript form validation, showing error message next to <input>

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