StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
9542398
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-03-03T00:58:36.827
FavoriteCount
0
LastActivityDate
2012-03-03T00:58:36.827
LastEditDate
LastEditorUserId
0
OwnerUserId
639716
ParentId
9537409
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<p>I tend to break validation down for each input, which makes this stuff a lot easier. You could also use a jQuery plugin, which would probably be more modular in the long run.</p> <p>That said, I would do it like this (<a href="http://jsfiddle.net/tmvVa/" rel="nofollow">working jsFiddle</a>):</p> <pre><code>//contact form validation $(function() { $('.error').hide(); //hide all errors function fieldHasValue(field, label) { var value = field.val().trim(); //Grab value without leading or trailing whitespace if (value.length > 0) { label.hide(); } else { label.show(); field.focus(); } return (value.length > 0); } function nameIsValid() { return fieldHasValue($("input#contact_name"), $("label#name_error")); } function emailIsValid() { var email = $("input#contact_email").val().trim(); //Grab value without leading or trailing whitespace var emailRegEx = /^([a-zA-Z0-9])(([a-zA-Z0-9])*([\._\-])?([a-zA-Z0-9]))*@(([a-zA-Z0-9\-])+(\.))+([a-zA-Z]{2,4})+$/; var isValid = (email.length > 0) && email.match(emailRegEx); if (isValid) { $("label#email_error").hide(); $("label#invalid_error").hide(); } else if (email.length > 0) { $("label#invalid_error").show(); $("input#contact_email").focus(); } else { $("label#email_error").show(); $("input#contact_email").focus(); } return isValid; } function phoneIsValid() { var phone = $("input#contact_phone").val().replace(/\s+-/g, "").trim(); //Grab value without leading or trailing whitespace and replace [whitespace -] with an empty string. var phoneRegEx = /^(1-?)?\s?($[2-9]\d{2}$|\s?-?[2-9]\d{2})-?\s?[2-9]\d{2}-?\d{4}$/; var isValid = (phone.length > 0) && phone.match(phoneRegEx); if (isValid) { $("label#invalid_phone_error").hide(); $("label#phone_error").hide(); } else if (phone.length > 0) { $("label#invalid_phone_error").show(); $("input#contact_phone").focus(); } else { $("label#phone_error").show(); $("input#contact_phone").focus(); } return isValid; } function zipIsValid() { return fieldHasValue($("input#contact_zip"), $("label#zip_error")); } function messageIsValid() { return fieldHasValue($("textarea#contact_message"), $("label#message_error")); } function bestTimeIsValid() { return fieldHasValue($("input#contact_best_time"), $("label#best_time_error")); } function allInputsAreValid() { var validName = nameIsValid(); var validEmail = emailIsValid(); var validPhone = phoneIsValid(); var validZIP = zipIsValid(); var validMessage = messageIsValid(); var validBestTime = bestTimeIsValid(); var isValid = validName && validEmail && validPhone && validZIP && validMessage && validBestTime; return isValid; } $("input#contact_name").on('change blur', nameIsValid); $("input#contact_email").on('change blur', emailIsValid); $("input#contact_phone").on('change blur', phoneIsValid); $("input#contact_zip").on('change blur', zipIsValid); $("textarea#contact_message").on('change blur', messageIsValid); $("input#contact_best_time").on('change blur', bestTimeIsValid); $("input#contact_button").on('click', function (e) { var timestamp = $("input#timestamp").val(); if (allInputsAreValid()) { var dataString = 'contact_name=' + name + '&contact_email=' + email + '&contact_phone=' + phone + '&contact_zip=' + zip + '&contact_best_time=' + best_time + '&timestamp=' + timestamp + '&contact_message=' + encodeURIComponent(message); $.ajax({ type: "POST", url: "php/contact.php", data: dataString, success: function() { $('#contact-form').html("<div id='message'></div>"); $('#message').html("<h3>Message Sent</h3>").append("<p>Thank you for contacting us. We'll be in touch. <br /><br />If you have any further questions, you can always email us at info@wirecrafters.com or call us at 800-924-9473</p>").hide().fadeIn(800, function() { $('#message').append("<img id='checkmark' src='images/submit2.png' />"); }); } }); } e.preventDefault(); return false; }); }); </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POJavascript Validate on input change, only submit when Submit button clicked
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USpete
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.