Hi I was if someone can see something that I am not seeing with my code. Basically, I noticed that only form 1 is able to be submitted whereas form 2 and form3 cannot. Actually I only have 1 form and I show parts of each form using fieldsets and divs. Any suggestions greatly appreciated. I am using jquery.validity and formmail 1.92.
- // global flag variable
var remain_anonymous;
/* form validation section*/
$(function() {
$("#phone").mask("(999) 999-9999"); // add input mask to phone field
/* show personal information if yes is checked */
$("#remain_anonymous_yes").click(function() {
remain_anonymous = "yes";
// clearFields();
$("#personal_information").show("slow");
// disable other radio button
//$("#remain_anonymous_no").attr("disabled", "disabled");
});
/* hide personal information if not is checked */
$("#remain_anonymous_no").click(function() {
remain_anonymous = "no";
clearFields();
$("#personal_information").hide("slow");
// disable other radio button
//$("#remain_anonymous_yes").attr("disabled", "disabled");
});
// setup validity
$.validity.setup({
outputMode: "label"
});
$("form").validity(function() {
/* grab value from both radio buttons */
/* this assumes the radio buttons are active and checked */
//var radio_yes = $("#remain_anonymous_yes").val();
//var radio_no = $("#remain_anonymous_no").val();
/* determine which page is displayed */
if ($("#issue_identification").is(":visible")) {
// call validation on form 1
validateIssueIdentification();
}
else if ($("#draft_plan_review").is(":visible")) {
// call validation on form 2
validateDraftPlanReview();
}
else if ($("#plan_implementation").is(":visible")) {
validatePlanImplementation();
}
else {
document.write('<pre>An error has occured </pre>');
}
/* submit form if validation passes */
/*
if ((validateIssueIdentification() == true) || (validateDraftPlanReview() == true) || (validatePlanImplementation == true)) {
$("form").submit();
} else {
document.write('<pre>This is a second error message</pre>');
}
*/
});
});
/* javascript functions must appear outside of the current context */
// clear form data
function clearFields() {
$("#first_name").val("");
$("#last_name").val("");
$("#email").val("");
$("#phone").val("");
}
// validate form 1 - issue_identification
function validateIssueIdentification() {
if (remain_anonymous == "yes") {
$("#first_name").require();
$("#last_name").require();
$("#email").require().match("email");
$("#phone").require();
$("#location").require();
$("#issue_comments").require();
$("#success_measure").require();
} else {
$("#location").require();
$("#issue_comments").require();
$("#success_measure").require();
}
}
// validate form 2
function validateDraftPlanReview() {
if (remain_anonymous == "yes") {
$("#first_name").require();
$("#last_name").require();
$("#email").require().match("email");
$("#phone").require();
$("#location").require();
$("#draft_comments").require();
$("#draft_details").require();
} else {
$("#location").require();
$("#draft_comments").require();
$("#draft_details").require();
}
}
// validate form 3
function validatePlanImplementation() {
if (remain_anonymous == "yes") {
$("#first_name").require();
$("#last_name").require();
$("#email").require().match("email");
$("#phone").require();
$("#location").require();
$("#implementation_comments").require();
} else {
$("#location").require();
$("#implementation_comments").require();
}
}
/* end form validation section*/