J.P. Morgan Chase - Preference Center

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="robots" content="noindex" /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <title>J.P. Morgan Chase - Preference Center</title> <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery.validate.min.js"></script> <script src="js/placeholders.min.js"></script> <link rel="stylesheet" href="css/custom.css" /> <script type="text/javascript"> $(document).ready(function(){ var checkboxLimit = 9; $.validator.addMethod("notDefaultText", function (value, element) { if (value == $(element).attr('placeholder')) { return false; } else { return true; } }); $("#main_form").validate({ rules: { user_firstname: { required: true, notDefaultText: true }, user_lastname: { required: true, notDefaultText: true }, pemail: { required: true, notDefaultText: true, email: true }, namedattr_CompanyName: { required: true, notDefaultText: true }, "extra[]": { required: true, minlength: 1 } }, messages: { user_firstname: "Please enter your first name", user_lastname: "Please enter your last name", pemail: "Please enter a valid email address", namedattr_CompanyName: "Please enter the name of your organization", "extra[]": "Please select at least one of the following" }, errorPlacement: function(error, element) { if (element.attr("name") == "extra[]") { error.insertAfter('#work_interest_title'); } else { error.insertAfter(element); } }, submitHandler: function(form) { SetCategoriesChecked(); form.submit(); } }); $('input.pref_categories').on('change', function(evt) { //alert(CountCategoriesChecked()); var bol = CountCategoriesChecked() >= checkboxLimit; $('input.pref_categories').not(':checked').attr('disabled',bol); }); function CountCategoriesChecked(){ return $('input.pref_categories:checked').length; } function SetCategoriesChecked(){ var countIndex = 0; $('input.pref_categories:checked').each(function(i){ if (countIndex < checkboxLimit){ $('input#namedattr_CRAttribute' + (countIndex + 1)).val($(this).val()); } else { return false; } countIndex++; }); } $('#main_form').show(); $('#loading_message').hide(); }); </script> <style type="text/css"> </style> </head> <body> <div id="main_form_wrapper"> <div id="main_form_wrapper_inner"> <div id="header"> <img src="images/jp_morgan_chase_logo_206x14.gif" style="vertical-align: top; border: 0px;" alt="JP Morgan Chase" /> </div> <div id="headline"> <img src="images/preference_center_headline_448x19.gif" style="vertical-align: top; border: 0px;" alt="Subscribe for Corporate Responsibility Updates" /> </div> <div id="content_wrapper"> <div class="short_message"> All fields are required </div> <div id="loading_message"> Loading... </div> <form id="main_form" style="display: none;" action="preference_center_confirm.jsp" method="post">  <input type="hidden" name="errorPage" value="preference_center_confirm.jsp"> <input type="hidden" name="gid" value="4000449885" />  <input type="hidden" name="namedattr_CRAttribute1" id="namedattr_CRAttribute1" value=" " /> <input type="hidden" name="namedattr_CRAttribute2" id="namedattr_CRAttribute2" value=" " /> <input type="hidden" name="namedattr_CRAttribute3" id="namedattr_CRAttribute3" value=" " /> <input type="hidden" name="namedattr_CRAttribute4" id="namedattr_CRAttribute4" value=" " /> <input type="hidden" name="namedattr_CRAttribute5" id="namedattr_CRAttribute5" value=" " /> <input type="hidden" name="namedattr_CRAttribute6" id="namedattr_CRAttribute6" value=" " /> <input type="hidden" name="namedattr_CRAttribute7" id="namedattr_CRAttribute7" value=" " /> <input type="hidden" name="namedattr_CRAttribute8" id="namedattr_CRAttribute8" value=" " />  <div class="individual_input_wrapper">  <input type="text" name="user_firstname" id="user_firstname" value="" maxlength="50" placeholder="First Name" /> </div> <div class="individual_input_wrapper">  <input type="text" name="user_lastname" id="user_lastname" value="" maxlength="50" placeholder="Last Name" /> </div> <div class="individual_input_wrapper">  <input type="text" name="pemail" value="" maxlength="120" placeholder="Email" /> </div> <div class="individual_input_wrapper"> <input type="text" name="namedattr_CompanyName" id="namedattr_CompanyName" value="" maxlength="50" placeholder="Organization" /> </div> <div id="category_wrapper"> <p id="work_interest_title">What areas of our work interest you?</p> <p> <input class="pref_categories" type="checkbox" name="extra[]" id="extra1" value="AdvancingCities"><label for="extra1"><em>AdvancingCities</em></label><br /> <input class="pref_categories" type="checkbox" name="extra[]" id="extra2" value="Financial Health"><label for="extra2">Financial Health</label><br /> <input class="pref_categories" type="checkbox" name="extra[]" id="extra3" value="Jobs and Skills"><label for="extra3">Jobs and Skills</label><br /> <input class="pref_categories" type="checkbox" name="extra[]" id="extra4" value="Neighborhood Revitalization"><label for="extra4">Neighborhood Revitalization</label><br /> <input class="pref_categories" type="checkbox" name="extra[]" id="extra5" value="Small Business Expansion"><label for="extra5">Small Business Expansion</label><br />  <input class="pref_categories" type="checkbox" name="extra[]" id="extra6" value="Sustainability"><label for="extra6">Sustainability</label><br /> <input class="pref_categories" type="checkbox" name="extra[]" id="extra7" value="Impact Investment"><label for="extra7">Impact Investment</label><br /> <input class="pref_categories" type="checkbox" name="extra[]" id="extra8" value="Institute and PolicyCenter"><label for="extra8">Institute and PolicyCenter</label><br /> </p> </div>  <input type="image" src="images/submit_button_107x36.gif" name="submitButton" id="submitButton" /> </form> </div> </div> </div> </body> </html>

CINXE.COM

J.P. Morgan Chase - Preference Center