Support » Themes and Templates » trying to validate a form inside a shadowbox

  • <div id="email_form_wrapper" style="display:none;">
    
    <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js" type="text/javascript" language="javascript"></script>
    
    <script type="text/javascript">
    $().ready(function() {
    // validate the comment form when it is submitted
    $("#signup").validate();
    });
    </script>
    
        <form method="POST"  action="../wp-content/includes/mailform.php1" id="signup"  name="signup" target="_parent">
    
        	<div class="email_form">
    
    		<p class="form_header">Mailing List</p>
    
    <p>&nbsp;</p>
    <p><label for="fName">First Name*</label><input size="50" name="fName" class="required" style="font-family: Verdana; font-size: 8pt" /></p>
    <p><label for="lName">Last   Name*</label><input size="50" name="lName" class="required" style="font-family: Verdana; font-size: 8pt" /></p>
    <p><label for="address">Address</label><input size="50" name="address" style="font-family: Verdana; font-size: 8pt" /></p>
    <p><label for="city">City</label><input size="20" name="city"  style="font-family: Verdana; font-size: 8pt" />
    <label for="state" class="second">State</label><input name="state" type="text" size="8"  /></p>
    <p><label for="country">Country</label><input size="15" name="country" style="font-family: Verdana; font-size: 8pt" />
    <label for="zip" class="second">Zip Code</label><input size="10" name="zip" /></p>
    <p><label for="phone">Telephone  </label><input size="50" name="phone" style="font-family: Verdana; font-size: 8pt" /></p>
    <p><label for="company">Company</label><input size="50" name="company" style="font-family: Verdana; font-size: 8pt" /></p>
    <p><label for="email">E-mail   *</label><input size="50" name="email" class="required email" style="font-family: Verdana; font-size: 8pt" /></p>
    <p><input type="checkbox" value="Yes" name="remove" style="font-family: Verdana; font-size: 8pt" /> Please remove me from the mailing list </p>
    
    		<p><input type="submit" value="Submit" src="../wp-content/themes/hotelandra/images/submit-contact.jpg" name="send" onsubmit="window.parent.Shadowbox.close();" title="close" /></p>
    
         <p> <span "style=font-size:8pt; align:center;"> *required</span></p>
    
          </div>

    This sucker will not validate for the life of me. Any thoughts?

  • The topic ‘trying to validate a form inside a shadowbox’ is closed to new replies.