CINXE.COM

Bay Area Older Adults - Expand Your World

<!DOCTYPE html> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-11852462-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-11852462-1'); </script> <title>Bay Area Older Adults - Expand Your World</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <meta name="description" content="Join Bay Area Older Adults - Free Membership for Hikes, Walks, Lectures, Museum Tours, Historic Sites, Wineries, Educational, Outdoor, Nature, Social, Culinary, Volunteer Events" /> <link href="/css/css.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/js/general.js"></script> </head> <body> <div id="wrap"> <div id="header"> <div id="header_logo"> <a href="/home"> <img src="/images/index_01.png" alt="Bay Area Older Adults" title="Bay Area Older Adults"/> </a> </div> <!-- end of #header_logo div--> <div id="header_links"> <a href="/BAO-group-events"> <div class="header-button green"> <img src="/images/buttons/buttonStyle.png"> <p>Explore BAO Events</p> </div> </a> <a href="/plan-your-own"> <div class="header-button blue"> <img src="/images/buttons/buttonStyle.png"> <p>Plan Your Own</p> </div> </a> <a href="/join"> <div class="header-button orange"> <img src="/images/buttons/buttonStyle.png"> <p>Join</p> </div> </a> <a href="/donate-now"> <div class="header-button orange"> <img src="/images/buttons/buttonStyle.png"> <p>Donate</p> </div> </a> </div> <!-- end of #header_links div--> </div> <!-- end of #header div--> </div> </body><div id="content_wrap"> <div id="main"> <div id="content"> <script src="js/jquery-3.6.0.js"></script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script type="text/javascript"> $(function(){ $('#button_save').click(function() { let formObject = document.form_join; let valid = false; let regexObj = /^[A-Za-z0-9 ]+$/; var response = grecaptcha.getResponse(); if (formObject.membershipType.value == "") { alert("Please choose a membership type"); }else if(formObject.emailAddress.value == "") { alert("Please enter your email address"); formObject.emailAddress.focus(); } else if (/^[A-Za-z0-9@\.\_\- ]+$/.test(formObject.emailAddress.value)==false) { alert("Please enter valid email address"); formObject.emailAddress.focus(); } else if (formObject.emailAddress.value != formObject.confirmEmailAddress.value) { alert("Please confirm your email address"); formObject.confirmEmailAddress.focus(); } else if (formObject.password.value == "") { alert("Please enter a password"); formObject.password.focus(); } else if (/^[A-Za-z0-9@%!\.\_\-\$\+]+$/.test(formObject.password.value) == false) { alert("Please enter a password with alphanumeric characters, period, underscore, dash, dollar sign, plus sign, @, percentage or exclamation"); formObject.password.focus(); } else if (formObject.password.value.length < 8) { alert("Please enter a password of least 8 characters"); formObject.password.focus(); } else if (formObject.password.value != formObject.confirmPassword.value) { alert("Please confirm your password"); formObject.confirmPassword.focus(); } else if (formObject.firstName.value == "") { alert("Please enter your first name"); formObject.firstName.focus(); } else if (regexObj.test(formObject.firstName.value)==false) { alert("Please enter a valid first name"); formObject.firstName.focus(); } else if (formObject.lastName.value == "") { alert("Please enter your last name"); formObject.lastName.focus(); } else if (regexObj.test(formObject.lastName.value)==false) { alert("Please enter a valid last name"); formObject.lastName.focus(); } else if (formObject.referredBy.value == "") { alert("Please let us know how you found Bay Area Older Adults"); formObject.referredBy.focus(); } else if (/^[A-Za-z0-9\.\-\# ]+$/.test(formObject.address.value)==false) { alert("Please use a valid characters for your entry"); } else if (formObject.referredBy.value.length > 35) { alert("Please enter a referred that is less than 35 characters"); formObject.referredBy.focus(); } else if (formObject.address.value == "") { alert("Please enter your mailing address"); formObject.address.focus(); } else if (/^[A-Za-z0-9\.\-\# ]+$/.test(formObject.address.value)==false) { alert("Please use a valid characters for your mailing address"); formObject.address.focus(); } else if (formObject.city.value == "") { alert("Please enter your city"); formObject.city.focus(); } else if (regexObj.test(formObject.city.value)==false) { alert("Please enter a valid city name"); formObject.city.focus(); } else if (formObject.zip.value == "") { alert("Please enter your zip/postal code"); formObject.zip.focus(); } else if (/^\d{5}$/.test(formObject.zip.value)==false) { alert("Please enter a valid 5 digit zip/postal code"); formObject.zip.focus(); } else if (formObject.country.value == "") { alert("Please enter your country"); formObject.country.focus(); } else if (regexObj.test(formObject.country.value)==false) { alert("Please enter a valid country name without a period"); formObject.country.focus(); } else if (formObject.gender.value == "") { alert("Please enter your gender"); formObject.gender.focus(); } else if (formObject.ageRangeId.value == "") { alert("Please enter your age range"); formObject.ageRangeId.focus(); } else { valid = true; } if (response.length == 0) { valid = false; alert("Please complete the captcha") } if (valid) formObject.submit(); else return false; }); $('#emailAddress.input').on('blur',function(){ let formObject1 = document.form_join; if(formObject1.membershipType.value === "") { alert("Please enter a Membership Type"); document.getElementsByName('membershipType')[0].focus(); } else if(formObject1.emailAddress.value === "") { document.getElementById('reg_error').innerHTML = ''; alert("Please enter your email address"); } else if (!formObject1.emailAddress.value) { alert("Please enter a valid email address"); } else if (formObject1.membershipType.value != "" && formObject1.emailAddress.value != ""){ checkEmail(formObject1.emailAddress.value,formObject1.membershipType.value); }; }); }); $(window).on('load', function(){ document.getElementById('reg_error').innerHTML = ''; }); function checkEmail(email,membershipType){ $.post("https://www.bayareaolderadults.org/action/join_email", {email: email, membershipType: membershipType}, function(data, status) { $("#reg_error").load("join #reg_error"); }); } </script> <h1>Join Bay Area Older Adults &#40;BAO&#41;</h1> <h2>Benefits of becoming a member</h2> <p>Basic membership is FREE. Basic Member Benefits include <ul> <li><span class="bold">Comprehensive Monthly Newsletter</span>: highlighting social outdoors, cultural and educational activities around the Bay Area and beyond.</li> <li><span class="bold">Up to 25&#37; Discount on BAO events</span></li> <li><span class="bold">Automatic Enrollment in our GoMo Game: for the chance to win prizes!</span></li> <li><span class="bold">Special Offers from our Partners</span></li> </ul> </p> <p>Become a Premium Member for only &#36;100. Premium membership is good for 12 months from the day membership is activated. This pays for itself after a handful of events! In addition to Basic Member Benefits, Premium Members have access to: <ul> <li><span class="bold">Special Free Events</span>: These events are labeled **Premium Priority**.</li> <li><span class="bold">Priority Reservations for Select Events</span></li> <li><span class="bold">Up to 50&#37; Discount on BAO events</span></li> </ul> </p> <h2>Member Registration</h2> <p>To become a member, please fill out the information below. The asterisk (*) indicates that it is a required field. Please click SUBMIT when you are finished. Please see our <a href="https://www.bayareaolderadults.org/privacy-policy"target="_blank"><span class="bold">privacy policy</span></a> that describes the protection of your personal information. Please read the <a href="https://www.bayareaolderadults.org/terms-of-use"target="_blank"><span class="bold">terms of use</span></a> to understand your rights and responsibilities regarding the use of the BAO Website.</p> <form name="form_join" method="post" action="https://www.bayareaolderadults.org/action/join"> <h3>Membership Type*</h3> <div class="form_field radio_container"> <input type="radio" name="membershipType" class="checkbox" value="basic" id="basic" /> <label for="basic">Basic (Free)</label> </div> <div class="form_field radio_container"> <input type="radio" name="membershipType" class="checkbox" value="premium" id="premium" /> <label for="premium">Premium ($100)</label> </div> <div id="reg_error"> </div> <p><font color="green">Please note that AOL blocks BAO's automated emails so please use a non-AOL email address to join as a BAO member. This will ensure you receive BAO emails. Thank you!</font></p> <div class="form_field"> <div class="left_col"><label for="emailAddress">Email Address*</label></div> <div class="right_col"><input type="text" name="emailAddress" id="emailAddress" autocomplete="off" class="input" value =""/></div> </div> <div class="form_field"> <div class="left_col"><label for="confirmEmailAddress">Confirm Email Address*</label></div> <div class="right_col"><input type="text" name="confirmEmailAddress" id="confirmEmailAddress" class="input" value = ""/></div> </div> <div class="form_field"> <div class="left_col"><label for="password">Password*</label></div> <div class="right_col"><input type="password" name="password" id="password" class="input"/> (8+ characters)</div> </div> <div class="form_field"> <div class="left_col"><label for="confirmPassword">Confirm Password*</label></div> <div class="right_col"><input type="password" name="confirmPassword" id="confirmPassword" class="input"/></div> </div> <div class="form_field"> <div class="left_col"><label for="firstName">First Name*</label></div> <div class="right_col"><input type="text" name="firstName" id="firstName" class="input" value = ""/></div> </div> <div class="form_field"> <div class="left_col"><label for="lastName">Last Name*</label></div> <div class="right_col"><input type="text" name="lastName" id="lastName" class="input" value = ""/></div> </div> <div class="form_field"> <div class="left_col"><label for="referredBy">Referred By*</label></div> <div class="right_col"><input type="text" name="referredBy" id="referredBy" class="input" value = ""/></div> </div> <div class="form_field"> <div class="left_col"><label for="address">Street Address*</label></div> <div class="right_col"><input type="text" name="address" id="address" class="input" value = ""/></div> </div> <div class="form_field"> <div class="left_col"><label for="city">City*</label></div> <div class="right_col"><input type="text" name="city" id="city" class="input" value = ""/></div> </div> <div class="form_field"> <div class="left_col"><label for="state">State/Province</label></div> <div class="right_col"> <select name="state" class="input"> <option value="AL" >Alabama</option> <option value="AK" >Alaska</option> <option value="AZ" >Arizona</option> <option value="AR" >Arkansas</option> <option value="CA" selected >California</option> <option value="CO" >Colorado</option> <option value="CT" >Connecticut</option> <option value="DE" >Delaware</option> <option value="DC" >District Of Columbia</option> <option value="FL" >Florida</option> <option value="GA" >Georgia</option> <option value="HI" >Hawaii</option> <option value="ID" >Idaho</option> <option value="IL" >Illinois</option> <option value="IN" >Indiana</option> <option value="IA" >Iowa</option> <option value="KS" >Kansas</option> <option value="KY" >Kentucky</option> <option value="LA" >Louisiana</option> <option value="ME" >Maine</option> <option value="MD" >Maryland</option> <option value="MA" >Massachusetts</option> <option value="MI" >Michigan</option> <option value="MN" >Minnesota</option> <option value="MS" >Mississippi</option> <option value="MO" >Missouri</option> <option value="MT" >Montana</option> <option value="NE" >Nebraska</option> <option value="NV" >Nevada</option> <option value="NH" >New Hampshire</option> <option value="NJ" >New Jersey</option> <option value="NM" >New Mexico</option> <option value="NY" >New York</option> <option value="NC" >North Carolina</option> <option value="ND" >North Dakota</option> <option value="OH" >Ohio</option> <option value="OK" >Oklahoma</option> <option value="OR" >Oregon</option> <option value="PA" >Pennsylvania</option> <option value="RI" >Rhode Island</option> <option value="SC" >South Carolina</option> <option value="SD" >South Dakota</option> <option value="TN" >Tennessee</option> <option value="TX" >Texas</option> <option value="UT" >Utah</option> <option value="VT" >Vermont</option> <option value="VA" >Virginia</option> <option value="WA" >Washington</option> <option value="WV" >West Virginia</option> <option value="WI" >Wisconsin</option> <option value="WY" >Wyoming</option> </select></div> </div> <div class="form_field"> <div class="left_col"><label for="zip">5 digit Zip/Postal Code*</label></div> <div class="right_col"><input type="text" name="zip" id="zip" class="input" value = ""/></div> </div> <div class="form_field"> <div class="left_col"><label for="country">Country*</label></div> <div class="right_col"><input type="text" name="country" id="country" class="input" value = ""/></div> </div> <h3>Gender*</h3> <div class="form_field radio_container"> <input type="radio" name="gender" class="checkbox" value="male" id="male" /> <label for="male">Male</label> </div> <div class="form_field radio_container"> <input type="radio" name="gender" class="checkbox" value="female" id="female"/> <label for="female">Female</label> </div> <h3>Age Range*</h3> <div class="form_field radio_container"> <input type="radio" name="ageRangeId" class="checkbox" value="0" id="0" /> <label for="0">< 30</label> </div> <div class="form_field radio_container"> <input type="radio" name="ageRangeId" class="checkbox" value="1" id="1" /> <label for="1">30 - 39</label> </div> <div class="form_field radio_container"> <input type="radio" name="ageRangeId" class="checkbox" value="2" id="2" /> <label for="2">40 - 49</label> </div> <div class="form_field radio_container"> <input type="radio" name="ageRangeId" class="checkbox" value="3" id="3" /> <label for="3">50 - 59</label> </div> <div class="form_field radio_container"> <input type="radio" name="ageRangeId" class="checkbox" value="4" id="4" /> <label for="4">60 - 69</label> </div> <div class="form_field radio_container"> <input type="radio" name="ageRangeId" class="checkbox" value="5" id="5" /> <label for="5">70 - 79</label> </div> <div class="form_field radio_container"> <input type="radio" name="ageRangeId" class="checkbox" value="6" id="6" /> <label for="6">80 and over</label> </div> <div class="g-recaptcha" data-sitekey="6Lc0cRYpAAAAAOezLAyQTVxdc42uWCidzLZryqib"></div> <div class="form_buttons"><input class="button" type="button" name="save" id="button_save" value="Register"/></div> </form> </div> </div> </div> <div id="footer"> <ul> <li><a href="https://www.bayareaolderadults.org/about-us" title="About Us">about us</a><span class="bar">|</span></li> <li><a href="https://www.bayareaolderadults.org/contact-us" title="Contact Us">contact us</a><span class="bar">|</span></li> <li><a href="https://www.bayareaolderadults.org/terms-of-use" title="Terms of Use">terms of use</a><span class="bar">|</span></li> <li><a href="https://www.bayareaolderadults.org/privacy-policy" title="Privacy Policy">privacy policy</a></li> </ul> <div id="subfooter"> &#169; 2009 - 2025 Bay Area Older Adults Inc. All Rights Reserved. </div> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10