/*===============================================================================================================
Owner: Hill's Pet Nutrition
Title: FIB > Testimonial Form Javascript Document
Author: Steve Kiernan
Date: 12/29/09
Disc: This document is responsible for the client-side functionality used during the FIB testimonial submission
process... (i.e. Form Validation, AJAX, jQuery)
Note(s): The following jQuery Libraries/Plug-ins are REQUIRED...
- jquery-1.3.2.js (or jquery-1.3.2.min.js)
- jquery.form.js (version: 2.36)
- jquery.validate.js (version: 1.5.5)
The javascript calls need to be loaded into the HTML in the following order within the tags.
===============================================================================================================*/
$(document).ready(function() {
//Load the form (HTML form generated by java)
$("#testimonialForm_container").load("share-your-story-form.do", function(){
//Initialize client-side validation
$("#errorDisplay").addClass("hide");
validateForm();
});
});
//==== START: INITIALIZE FORM VALIDATION RULES =====================================================//
function validateForm() {
var container = $("div.errorContainer");
var options = {
target: '#testimonialForm_container',
success: function(){
validateForm();
$("#errorCount").css("display", "none");
$("#errorDisplay").css("display", "block");
}
};
var validator = $("#petStory").validate({
debug: true,
errorContainer: container,
errorLabelContainer: $("ol", container),
wrapper: "li",
meta: "validate",
rules: {
firstName: "required",
lastName: "required",
postalCode: {
required: true,
digits: true,
minlength: 5,
maxlength: 5
},
email: {
required: true,
email: true
},
userType: "required",
petType: "required",
petName: "required",
story: "required",
otherCondition: {
required: function(element) {
return $("#condition").val() == "other";
}
},
contact: "required",
share: "required"
},
messages: {
firstName: "Please enter your First Name",
lastName: "Please enter your Last Name",
postalCode: {
required: "Please enter your Zip Code",
digits: "Zip Code: Only numeric values between 0-9 are accepted",
minlength: "Zip Code: Please enter at least 5 digits",
maxlength: "Zip Code: Please do not enter more than 5 digits"
},
email: {
required: "Please enter your Email Address",
email: "Your Email Address must be in the format of name@domain.com"
},
userType: "Please select your User Type",
petType: "Please select the Type of Pets you own",
petName: "Please enter your pet's name",
story: "Please share your story",
otherCondition: "Condition: Please describe",
contact: "Please select if we can contact you about your story",
share: "Please select if we can share your testimonial with others"
},
showErrors: function() {
$("#errorCount").text(validator.numberOfInvalids() + " error(s) found");
this.defaultShowErrors();
},
invalidHandler: function() {
$("#errorCount").text(validator.numberOfInvalids() + " error(s) found");
},
submitHandler: function(form) {
$("#errorCount").text(validator.numberOfInvalids() + " error(s) found");
$("#petStory").ajaxSubmit(options);
}
});
}
//==== END: INITIALIZE FORM VALIDATION RULES =====================================================//