StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
19913518
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-11-11T18:44:59.900
FavoriteCount
0
LastActivityDate
2013-11-11T18:55:55.443
LastEditDate
2013-11-11T18:55:55.443
LastEditorUserId
594235
OwnerUserId
594235
ParentId
19869915
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<p>Looking at the markup of <a href="http://jsfiddle.net/F2Re4/" rel="nofollow">your jsFiddle</a>,</p> <pre><code><input type="button" onclick="validate()" value="Validate"></input> <input type="button" onclick="resetForm()" value="Reset Form"></input> </code></pre> <p>1) <code>input</code> elements do not have a closing tag. They may or may not need to be "self-closing" depending on your <code>doctype</code>, but there is never any such thing as an <code></input></code> tag.</p> <p>2) Inline JavaScript is ugly and unnecessary when you use jQuery. <code>onclick</code> handlers can easily be removed and replaced with jQuery <code>.on('click')</code>...</p> <pre><code>$('#reset').on('click', function () { var form = $("#myForm"); form.validate().resetForm(); }); </code></pre> <p>3) You do not need a <code>validate</code> function attached to your "validate" button. Simply change the button into a <code>type="submit"</code> and it will be validated automatically. Otherwise, you would need another <code>.on('click')</code> handler and a <code>.valid()</code> within to trigger a validation test.</p> <pre><code><input type="submit" id="validate" value="Validate" /> <input type="button" id="reset" value="Reset Form" /> </code></pre> <hr> <p><strong>Quote OP:</strong></p> <blockquote> <p>... <code>validator.resetForm()</code> to clear the messages, but this <code>invalidHandler</code> is never called and the 'error' css class still there in the form.</p> </blockquote> <p>As per documenation, <code>invalidHandler</code> is only called when the form is invalid. If you reset the form, the form is no longer invalid. Therefore, the logic used within your <code>invalidHandler</code> is flawed.</p> <pre><code>var errors = validator.numberOfInvalids(); if (errors) { $(this).addClass("form-error"); } else { // this will never be called because invalidHandler // is never called when there are no form errors //$(this).removeClass("form-error"); } </code></pre> <p>There is nothing in this plugin that will automatically add/remove the class of the <code><form></code> element itself. The plugin only automatically adds/removes classes from the various data input elements. Therefore, if you manually add a class to the <code><form></code> element, then you're going to have to manually remove it when you reset the form.</p> <pre><code>$(document).ready(function () { $("#myForm").validate({ // your rules & options }); $('#reset').on('click', function () { var form = $("#myForm"); form.validate().resetForm(); // reset validation on form form.removeClass("form-error"); // remove error class from form }); }); </code></pre> <p><strong>DEMO: <a href="http://jsfiddle.net/F2Re4/11/" rel="nofollow">http://jsfiddle.net/F2Re4/11/</a></strong></p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POJQuery Validate - Add/remove error css class in the form
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USSparky
UserOwnerUserId
1. USSparky
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.