html - Javascript form validation, showing error message next to <input> - Stack Overflow

admin管理员组

文章数量:1430083

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.

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.

• javascript
• html

Share Improve this question Follow asked Oct 26, 2011 at 0:47 J WJ W 87811 gold badge1212 silver badges2525 bronze badges 1

• 1 Why not use jQuery validation plugin? – Emmanuel N Commented Oct 26, 2011 at 0:52

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 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";

本文标签： htmlJavascript form validationshowing error message next to ltinputgtStack Overflow