</noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M5QBC5');</script> <!-- End Google Tag Manager --> <div class="alert-banner ie"></div> <div class="nav-wrap"> <div class="desktop container"> <div class="navigation" id="supernav" role="banner"> <nav class="left brandnav" role="navigation"> <div class="brandav-left hasaction" data-action="togglebrandnav"> <div class="menu-329 BowlmorAMF logoimg inline hastooltip" title="" id="bamflink" data-brand="BowleroCorp" data-dir="bottom"> Bowlero Corp. </div> <div class="brandnav-separator"> </div> <div class="blue-arrow-right hasaction" data-action="togglebrandnav"> </div> </div> <ul class="togglebrandnav" id="toplogos"> <li class="logoimg hastooltip BowlmorLanes" title="Bowlmor Lanes" id="bowlmorlanes-headertooltip" data-brand="BowlmorLanes" data-dir="bottom" >Bowlmor Lanes</li> <li class="logoimg hastooltip Bowlero" title="Bowlero" id="bowlero-headertooltip" data-brand="Bowlero" data-dir="bottom" >Bowlero</li> <li class="logoimg hastooltip BrunswickZone" title="Brunswick Zone" id="brunswickzone-headertooltip" data-brand="BrunswickZone" data-dir="bottom" >Brunswick Zone</li> <li class="logoimg hastooltip AMF" title="AMF" id="amf-headertooltip" data-brand="AMF" data-dir="bottom" >AMF</li> </ul> </nav> <nav class="right" id="secondary-menu" role="navigation"> <ul class=""><li class="child-1 menu-3871 first"> <a target="" href="/clubhouse">Join the Clubhouse</a></li><li class="child-2 menu-6460 last"> <a target="_blank" href="https://bowlero.cashstar.com/">Gift Cards</a></li></ul> </nav> <div class="clr"></div> </div> <div class="header-line-container"> <div class="left-line header-line"> </div> <div class="right-line header-line"> </div> <div class="clr"></div> </div> <div id="mainnav" class="navigation block"> <nav role="navigation"> <ul class=""><li class="menu-2407 first child-1"><a href="/locations">Locations</a><span></span></li><li class="menu-3280 child-2"><a href="/menu">Menu</a><span></span></li><li class="menu-308 child-3"><a href="/parties">Parties</a><span></span></li><li class="menu-315 logo"><a href="/"><img src="https://www.bowlero.com/sites/all/themes/bowlero/logo.png"/></a></li><li class="menu-3179 child-5"><a href="/games">Games</a><span></span></li><li class="menu-2409 child-6"><a href="/news">Press</a><span></span></li><li class="menu-2410 last child-7"><a href="/about-us">About</a><span></span></li></ul> </nav> </div> </div> <div class="mobile responsive-menu-container container padding-20-lr"> <div> <a href="https://www.bowlero.com" class="logo"> <img src="/sites/all/themes/bowlero/images/logo.png"> </a> <div class="header-line-container"> <div class="left-line header-line"> </div> <div class="right-line header-line"> </div> <div class="clr"></div> </div> <div class="sandwich hasaction" data-action="toggleMobileMenu"> <div class="sandwich-box"> <div class="sandwich-btn"> <span></span> <span></span> <span></span> </div> <div class="arrow"></div> </div> </div> </div> <div class="responsive-menu"> <nav> <ul class="links"><li class="menu-2407 child-1"><a href="/locations">Locations<span></span></a></li><li class="menu-3280 child-2"><a href="/menu">Menu<span></span></a></li><li class="menu-308 child-3"><a href="/parties">Parties<span></span></a></li><li class="menu-3179 child-5"><a href="/games">Games<span></span></a></li><li class="menu-2409 child-6"><a href="/news">Press<span></span></a></li><li class="menu-2410 child-7"><a href="/about-us">About<span></span></a></li></ul> </nav> <nav id="secondary-menu" role="navigation"> <ul class=""><li class="child-1 menu-3871 first"> <a target="" href="/clubhouse">Join the Clubhouse</a></li><li class="child-2 menu-6460 last"> <a target="_blank" href="https://bowlero.cashstar.com/">Gift Cards</a></li></ul> </nav> </div> </div> </div> <header> <div class="threestars"> <span> </span> <span> </span> <span> </span> </div> <h1 class="text-center page-title yellow">Milpitas</h1> <div class="subtext container"> 1287 S Park Victoria Dr<span class="mobile-hidden">,</span> <br class="mobile-only">Milpitas, CA 95035<br><strong>Phone:</strong> (408) 262-6950 </div> </header> <div class="location-nav container "> <div class="scrollToFixed width100 location-nav-background"> <div class="location-nav-viewmore mobile-only hasaction" data-action="toggleLocationNav"> View More </div> <div class="location-nav-list "> <a href="https://www.bowlero.com/location/bowlero-milpitas" class="overview "> <span>Overview</span> </a> <a href="https://www.bowlero.com/location/bowlero-milpitas/parties" class="parties "> <span>Parties</span> </a> <a href="https://www.bowlero.com/location/bowlero-milpitas/menus" class="menus "> <span>Menu</span> </a> <a href="https://www.bowlero.com/location/bowlero-milpitas/games" class="games "> <span>Games</span> </a> <a href="https://www.bowlero.com/location/bowlero-milpitas/leagues" class="leagues active"> <span>Leagues</span> </a> <a href="https://www.bowlero.com/location/bowlero-milpitas/specials" class="specials "> <span>Specials</span> </a> </div> </div> </div> <div class="container clearfix location-topdetail loc-leagues"> <div class="location-aside aside left"> <input type="hidden" id="latitude" value="37.418739"/> <input type="hidden" id="longitude" value="-121.877292"/> <script type="text/javascript"> var $ = jQuery.noConflict(); var lat = $('#latitude').val(); var lon = $('#longitude').val(); function init_map(){ var myOptions = { zoom:17, center:new google.maps.LatLng(lat,lon), mapTypeId: google.maps.MapTypeId.ROADMAP }; var myOptions2 = { zoom:17, center:new google.maps.LatLng(lat,lon), mapTypeId: google.maps.MapTypeId.ROADMAP, scrollwheel: false }; map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions); map.set('styles', locations.mapStyle); //marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(lat,lon)}); marker = new MarkerWithLabel({ position: new google.maps.LatLng(lat,lon), map: map, labelClass: 'location-map-pin', icon: '/sites/all/themes/bowlero/images/pins/bowlero_pin.png', labelInBackground: false, }); google.maps.event.addListener(marker, "click", function(){return false}); } $(window).load(function(){ init_map(); // mobile elements var tab = $('.location-desktop .hourstable').html(); $('.tab-mobile').html(tab); var add = $('.location-desktop .add-info').html(); $('.add-info-mobile').html(add); var feat = $('.location-desktop .features').html(); $('.features-mobile').html(feat); }); </script> <div class="location-map"> <div id="gmap_canvas"></div> </div> <div class="sidebar-location-title">Milpitas</div> <div class="sidebar-location-address"> 1287 S Park Victoria Dr<br> Milpitas, CA 95035<br> <strong>Phone: </strong>(408) 262-6950</div> <div class="distance get-user-distance" id=""> <input type="hidden" class="geo-latitude" value="37.418739"/> <input type="hidden" class="geo-longitude" value="-121.877292"/> <input type="hidden" class="geo-address" value="https://www.google.com/maps/dir/Current+Location/1287 S Park Victoria Dr, Milpitas, CA 95035"/> </div> <a href="/league-inquiry" class="btn medium-btn blue-btn league-btn">Request Info</a> <div class="location-hours location-features leagues"> <strong> <span class="">Features:</span> </strong> <ul class="location-sidebar"> <li> 40 Bowling Lanes </li> <li> Free Wi-Fi </li> <li> Arcade </li> <li> On-Site Pro Shop </li> <li> Wheelchair Accessible </li> <li> Sports Bar </li> </ul> </div> <div class="benefits league-benefits"> <strong> <span>Get Great Benefits</span> </strong> <ul class="location-sidebar"> <li>A Low League Practice Rate</li> <li>Two Free Games Every Week</li> <li>Discounts on Food & Drinks</li> <li>League Appreciation Weeks</li> <li>Awesome Discounts on Bowlero Parties</li> <li><a href="/terms-conditions">Terms and Conditions Apply</a></li> </ul> </div> </div> <div class="location-slide right chowdown"> <div class="bottom location-leagues leagues"> <div class="left-content"> <div class="search-panel panel"> <h2 class="script red"> Join a League <div class="caps bold sub">at Bowlero Milpitas</div> </h2> <p class="intro"> For fun or for competition, when it comes to league and club bowling, Bowlero has everybody else beat.<br> Review the clubs below and select any one that interests you. </p> <div class="filter"> <input type="hidden" id="loc-id" value="577"/> <div class="filter-row"> <div class="selects"> <div class="filter-label caps bold hide-desktop">Filter By:<div class="icn"></div></div> <div class="filter-label caps bold hide-mobile">Filter By:</div> <div class="select-drops hidden"> <div id="type-select" class="league-filter"> <div class="text" id="type-text">Type</div><div class="icn"></div> <div class="sub-list hidden"> <div class="row"><input type="checkbox" name="type" id="type-mixed" value="1"><label for="type-mixed" class="league-select">Mixed</label></div> <div class="row"><input type="checkbox" name="type" id="type-men" value="2"><label for="type-men" class="league-select">Men</label></div> <div class="row"><input type="checkbox" name="type" id="type-women" value="3"><label for="type-women" class="league-select">Women</label></div> <div class="row"><input type="checkbox" name="type" id="type-juniors" value="4"><label for="type-juniors" class="league-select">Youth</label></div> <div class="row"><input type="checkbox" name="type" id="type-senior" value="5"><label for="type-senior" class="league-select">Senior</label></div> <div class="row"><input type="checkbox" name="type" id="type-adultchild" value="6"><label for="type-adultchild" class="league-select">Adult/Child</label></div> <div class="clear aligncenter caps bold">Clear All</div> </div> </div> <div id="date-select" class="league-filter"> <div class="icn"></div> <div class="text" id="date-text">Start Date</div><div class="icn"></div> <div class="sub-list hidden"> <div class="aligncenter"> <div class="thirsty" style="font-size:24px;padding-top: 20px;">On Or After</div> <input type="text" name="startDate" id="startDate" style="border:none;"/> </div> <div id="datepicker"></div> <div class="calendar-clear aligncenter bold caps" onclick="clearCalendar()">Clear Calendar</div> </div> </div> <div id="day-select" class="league-filter"> <div class="text" id="day-text">Day of Week</div><div class="icn"></div> <div class="sub-list hidden"> <div class="row"><input type="checkbox" name="type" id="type-monday" value="1"><label for="type-monday" class="league-select">Monday</label></div> <div class="row"><input type="checkbox" name="type" id="type-tuesday" value="2"><label for="type-tuesday" class="league-select">Tuesday</label></div> <div class="row"><input type="checkbox" name="type" id="type-wednesday" value="3"><label for="type-wednesday" class="league-select">Wednesday</label></div> <div class="row"><input type="checkbox" name="type" id="type-thursday" value="4"><label for="type-thursday" class="league-select">Thursday</label></div> <div class="row"><input type="checkbox" name="type" id="type-friday" value="5"><label for="type-friday" class="league-select">Friday</label></div> <div class="row"><input type="checkbox" name="type" id="type-saturday" value="6"><label for="type-saturday" class="league-select">Saturday</label></div> <div class="row"><input type="checkbox" name="type" id="type-sunday" value="7"><label for="type-sunday" class="league-select">Sunday</label></div> <div class="clear aligncenter caps bold">Clear All</div> </div> </div> <div class="buttons"> <div class="hide-desktop"> <a href="javascript:void(0);" class="btn peach-btn btn-md apply">Filter</a> <a href="javascript:void(0);" class="clear">View All</a> </div> </div> </div> </div> <div class="buttons"> <div class="hide-mobile"> <a href="javascript:void(0);" class="apply peach">Apply Filters</a> <div class="div"></div> <a href="javascript:void(0);" class="clear">Clear Filters</a> </div> <div class="hide-desktop"> <a href="javascript:void(0);" class="btn peach-btn btn-md apply">Filter</a> <a href="javascript:void(0);" class="clear">View All</a> </div> </div> <br class="clearfix"/> </div> </div> <div class="leagues-accord"> <h3 class="league-heading "> <div class="title"><span class="bold">Summer Games Kids League </span>(Youth)</div> <div class="icn"></div> </h3> <div class="league-desc"> <span class="left"> Here's a GREAT summer value for kids! Join this 8-week league and bowl 3 games per week with shoe rental, a pizza party on the last week, PLUS all bowlers get a Summer Games pass which is good for free bowling every day all summer long! Pay an additional $3 per week to get a new DV8 Poly bowling ball ($70 value). All of this for one low weekly fee! </span> <span class="right"> <div class="details"> <span class="detail"><strong>Start Date: </strong>May 16, 2018</span> <span class="detail"><strong>Days: </strong>Wednesdays</span> <span class="detail"><strong>Time: </strong>3:30 pm</span> <span class="detail"><strong>Frequency: </strong>Once Every Week</span> <span class="detail"><strong>Duration: </strong>8 weeks</span> </div> <a href="javascript:void(0);" class="btn peach-btn league-inquire" data-league="33c830c0-7e1e-4b46-9e14-918cbc14d997">Join Now</a> </span> </div> <h3 class="league-heading "> <div class="title"><span class="bold">Midweek Boozers </span>(Mixed)</div> <div class="icn"></div> </h3> <div class="league-desc"> <span class="left"> If you want to have some fun this summer, this is the league for you. Very competitive but still works with all avg. bowlers. </span> <span class="right"> <div class="details"> <span class="detail"><strong>Start Date: </strong>May 16, 2018</span> <span class="detail"><strong>Days: </strong>Wednesdays</span> <span class="detail"><strong>Time: </strong>6:00 pm</span> <span class="detail"><strong>Frequency: </strong>Once Every Week</span> <span class="detail"><strong>Duration: </strong>15 weeks</span> </div> <a href="javascript:void(0);" class="btn peach-btn league-inquire" data-league="bcb6ed6d-28d3-413d-8b3c-1b416a44bf8a">Join Now</a> </span> </div> </div> </div> <div class="back inquire-back hidden"><a href="javascript:void(0);" class="league-back caps bold">Back To Leagues</a></div> <div class="inquire-panel panel hidden"> <h2 class="script red">Register</h2> <div class="content"> <div class="selected-league"> <div class="desktop-only caps"></div> <div class="mobile-only"></div> </div> <div class="form"> <form class="inq-form" id="inq-form" method="post" action=""> <div class="formarea"> <input type="hidden" name="location" id="form-loc-id" value=""/> <input type="hidden" name="league" id="form-league-id" value=""> <div class="form-input-row" style="margin:15px 0 25px;"> <label style="padding:5px 0 15px;font-family:\'GothamMed\', sans-serif;">Have you been in a Bowlero League/Club before? <span class="req"></span></label> <div class="radio"><input type="radio" name="returning" value="yes" id="yes" checked><label for="yes" class="inline"><span class="halo"><span class="peach"></span></span>Yes</label></div> <div class="radio"><input type="radio" name="returning" value="no" id="no"><label for="no" class="inline"><span class="halo"><span></span class="peach"></span>Not Yet</label></div> </div> <div class="form-input-row"> <label for="first" class="">First Name <span class="req"></span></label> <input type="text" name="first" id="first" placeholder="Your first name"> </div> <div class="form-input-row"> <label for="last" class="">Last Name <span class="req"></span></label> <input type="text" name="last" id="last" placeholder="Your last name"> </div> <div class="form-input-row"> <label for="phone" class="">Phone <span class="req"></span></label> <input type="text" name="phone" id="phone" > </div> <div class="form-input-row"> <label for="email" class="">Email <span class="req"></span></label> <input type="text" name="email" id="email" placeholder="example@email.com"> </div> <div class="form-input-row"> <label for="confemail" class="">Confirm Email <span class="req"></span></label> <input type="text" name="confemail" id="confemail" placeholder="example@email.com"> </div> <div class="form-input-row"> <label class="">Preferred Contact Method: <span class="req"></span></label> <div class="radio"><input type="radio" name="contactMethod" value="email" id="emailadd" checked><label for="emailadd" class="inline"><span class="halo"><span class="peach"></span></span>Email</label></div> <div class="radio"><input type="radio" name="contactMethod" value="phone" id="phonenum"><label for="phonenum" class="inline"><span class="halo"><span></span class="peach"></span>Phone</label></div> </div> <div class="form-input-row"> <label class="">Preferred Contact Time: <span class="req"></span></label> <div class="radio"><input type="radio" name="contacttime" value="daytime" id="daytime" checked><label for="daytime" class="inline"><span class="halo"><span class="peach"></span></span>Daytime (9am-5pm)</label></div> <div class="radio"><input type="radio" name="contacttime" value="nighttime" id="nighttime"><label for="nighttime" class="inline"><span class="halo"><span class="peach"></span></span>Nighttime (5pm-9pm)</label></div> </div> <div class="form-input-row"> <label for="additional" class="">Additional Information:</label> <textarea name="additional" id="additional" placeholder="Please include any other relevant information or special instructions regarding your Bowlero league/club bowling experience." style="height:115px;"></textarea> </div> <div class="form-input-row team"> <input type="checkbox" name="team" id="haveTeam"><label for="haveTeam" class="league-select">I have a team</label> </div> <div class="hidden team"> <div class="players"> <div class="player-1"> <strong>Team Member 1 - You</strong> <input type="radio" name="captain" value="1" id="player1capt" checked><label for="player1capt" style="padding:10px 0;"><span class="halo"><span class="peach"></span></span>Team Captain</label> </div> <input type="hidden" name="playerCount" id="playerCount" value="1"/> <div class="player player2" data-num="2"> <strong>Team Member 2</strong> <a href="javascript:void(0);" class="rmteam">(Remove)</a> <div class="form-input-row"> <label for="p2fname">First Name <span class="req"></span></label> <input type="text" name="p2fname" id="p2fname"> </div> <div class="form-input-row"> <label for="p2lname">Last Name <span class="req"></span></label> <input type="text" name="p2lname" id="p2lname"> </div> <div class="form-input-row"> <label for="p2phone">Phone<span class="req"></span></label> <input type="text" name="p2phone" id="p2phone"> </div> <div class="form-input-row"> <label for="p2email">Email<span class="req"></span></label> <input type="text" name="p2email" id="p2email"> </div> <div class="form-input-row"> <label for="p2emailconf">Confirm Email<span class="req"></span></label> <input type="text" name="p2emailconf" id="p2emailconf"> </div> <input type="radio" name="captain" value="2" id="player2capt"><label for="player2capt" class="inline"><span class="halo"><span class="peach"></span></span>Team Captain</label> </div> </div> <div class="button-row"> <a href="javascript:void(0);" class="add-player">Add Additional Team Member</a> </div> </div> <div class="form-input-row"> <div class="err-output"></div> <input type="submit" value="Submit" class="submit btn peach-btn inq-sub"> <br class="clearfix"/> </div> </div> <br class="clearfix"/> </form> </div> </div> </div> <div class="success-panel panel hidden"> <h2 class="script red"> League Inquiry </h2> <div class="caps bold sub">Thank you for your inquiry.</div> <p class="intro"> A member of the Bowlero team will follow up with you soon. </p> <a href="/" class="btn peach-btn medium-btn peach-back" style="margin-top:0;">Back To Bowlero</a> </div> </div> </div> <br class="clearfix"/> </div> </div> <script> jQuery.validator.addMethod("phoneUS", function(phone_number, element) { //phone_number = phone_number.replace(/\s+/g, ""); console.log(phone_number); return this.optional(element) || phone_number.length > 9 && phone_number.match(/^(\([0-9]{3}\) |[0-9]{3}-)[0-9]{3}-[0-9]{4}$/); }, "Please specify a valid phone number"); $('.leagues-accord').accordion(); $(window).resize(function(){ $('.leagues-accord').accordion('refresh'); }); function clearCalendar(){ $('.ui-datepicker-current-day').removeClass('ui-datepicker-current-day'); $('#startDate').val(''); $('#startDate').css('margin', '0 auto'); } var tpl = '\ <div class="player player$" data-num="$">\ <strong>Team Member $</strong>\ <a href="javascript:void(0);" class="rmteam">(Remove)</a>\ <div class="form-input-row">\ <label for="p$fname">First Name <span class="req"></span></label>\ <input type="text" name="p$fname" id="p$fname">\ </div>\ <div class="form-input-row">\ <label for="p$lname">Last Name <span class="req"></span></label>\ <input type="text" name="p$lname" id="p$lname">\ </div>\ <div class="form-input-row">\ <label for="p$phone">Phone<span class="req"></span></label>\ <input type="text" name="p$phone" id="p$phone">\ </div>\ <div class="form-input-row">\ <label for="p$email">Email<span class="req"></span></label>\ <input type="text" name="p$email" id="p$email">\ </div>\ <div class="form-input-row">\ <label for="p$emailconf">Confirm Email<span class="req"></span></label>\ <input type="text" name="p$emailconf" id="p$emailconf">\ </div>\ <input type="radio" name="captain" value="$" id="player$capt"><label for="player$capt" class="inline"><span class="halo"><span class="peach"></span></span>Team Captain</label>\ </div>'; function addPlayer(){ var i = parseInt($('#playerCount').val()); i += 1; // console.log(i); if(i === 5) { $('.add-player').hide(); } var html = tpl.replace(/\$/g, i); $('.players').append(html); $('#playerCount').val(i); $('#p'+i+'phone').mask("(999) 999-9999", {placeholder: "(___)___-____"}); $('#p'+i+'fname').rules( 'add', {required:true, messages: {required: "First Name is Required"}}); $('#p'+i+'lname').rules('add',{required:true, messages:{ required:"Last Name is Required"}}); $('#p'+i+'phone').rules('add',{required:true, phoneUS:true, messages:{required: "Phone Number is Required"}}); $('#p'+i+'email').rules('add',{required:true, email:true, messages:{ required:"Email is Required"}}); $('#p'+i+'emailconf').rules('add',{required:true,email:true,equalTo:'#p'+i+'email', messages:{ required: "Confirm Email is Required", equalTo: "Please enter the same email as above"}}); } $('#haveTeam').click(function(){ $('.team').toggleClass('hidden'); if($(this).is(':checked')){ $('#playerCount').val('2'); }else{ //var pc = $('#playerCount').val(); /*for(var n = 2; n <=pc; n++){ $('#p'+n+'fname').rules('remove'); $('#p'+n+'lname').rules('remove'); $('#p'+n+'phone').rules('remove'); $('#p'+n+'email').rules('remove'); $('#p'+n+'emailconf').rules('remove'); }*/ $('#playerCount').val('1'); } }); $('.add-player').click(function(){ addPlayer(); }); var getMembers = function() { members = []; $.each($('.player'), function() { var $member = $(this); var inputs = $member.find('input').serialize().split('&'); var memberData = []; for(var i = 0; i < inputs.length; i++) { var kv = inputs[i].split('='); if(kv[0] == 'captain') { memberData.push(1); } else { memberData.push(kv[1]); } } members.push(memberData); }); console.log(members); } var renderMembers = function() { $('.player').remove(); for(var i = 0; i < members.length; i++) { var memberNumber = i + 2; var html = tpl.replace(/\$/g, memberNumber); $('.players').append(html); var inputs = $('.player:last-of-type').find('input'); for(var j = 0; j < members[i].length; j++) { if($(inputs[j]).attr('name') === 'captain') { $(inputs[j]).prop('checked', members[i][j] === 1 ? true : false); } else { $(inputs[j]).val(unescape(members[i][j]).replace(/\+/g, ' ')); } } $('input[data-type="phone"]').mask('(000) 000-0000'); } } $(document).on('click', 'a.rmteam', function(e) { e.preventDefault(); var c = $('#playerCount').val(); $pp = $(this).closest('.player'); pn = $pp.attr('data-num'); /* $('#p'+pn+'fname').rules('remove'); $('#p'+pn+'lname').rules('remove'); $('#p'+pn+'phone').rules('remove'); $('#p'+pn+'email').rules('remove'); $('#p'+pn+'emailconf').rules('remove'); */ $pp.remove(); getMembers(); renderMembers(); var n = $('.player').length; var nn = parseInt(n+1); $('#playerCount').val(nn); if(nn < 5) { $('.add-player').show(); } for(var i=2;i<=nn;i++){ $('#p'+i+'fname').rules( 'add', {required:true, messages: {required: "First Name is Required"}}); $('#p'+i+'lname').rules('add',{required:true, messages:{ required:"Last Name is Required"}}); $('#p'+i+'phone').rules('add',{required:true, phoneUS:true, messages:{required: "Phone Number is Required"}}); $('#p'+i+'email').rules('add',{required:true, email:true, messages:{ required:"Email is Required"}}); $('#p'+i+'emailconf').rules('add',{required:true,email:true,equalTo:'#p'+i+'email', messages:{ required: "Confirm Email is Required", equalTo: "Please enter the same email as above"}}); } return true; }); $('#phone').mask("(999) 999-9999", {placeholder: "(___)___-____"}); $('#p2phone').mask("(999) 999-9999", {placeholder: "(___)___-____"}); $.validator.setDefaults({ submitHandler: function() {}, }); formrules = { first: "required", last: "required", phone: { required: true, phoneUS: true }, email: { required: true, email: true }, confemail: { required: true, email: true, equalTo: "#email" }, contact: "required", contacttime: "required", }; formmessages = { first: "Please enter your first name", last: "Please enter your last name", phone: "Please enter your phone number", email: { required: "Please enter your email", }, confemail: { required: "Please confirm your email", equalTo: "Please enter the same email as above" }, contact: "Please select a desired contact method", contacttime: "Please select a desired contact time", } $('.inq-sub').click(function(e){ var count = parseInt($('#playerCount').val()); for(var i = 2; i<=count; i++){ formrules['p'+i+'fname'] = "required"; formmessages['p'+i+'fname'] = "First Name is Required"; formrules['p'+i+'lname'] = "required"; formmessages['p'+i+'lname'] = "Last Name is Required"; formrules['p'+i+'phone'] = {required: true, phoneUS: true}, formmessages['p'+i+'phone'] = "Phone Number is Required"; formrules['p'+i+'email'] = {required:true, email:true}; formmessages['p'+i+'email'] = "Email is Required"; formrules['p'+i+'emailconf'] = {required:true, email:true, equalTo: "#p"+i+"email"}; formmessages['p'+i+'emailconf'] = {required:"Email is Required",equalTo:"Emails Must Match"}; } // console.log(formrules); $("#inq-form").validate({ ignore: [], rules: formrules, errorPlacement: function(error, element) { // Append error within linked label $( element ) .closest( "form" ) .find( "label[for='" + element.attr( "id" ) + "']" ) .append( error ); }, errorElement: "span", messages: formmessages, submitHandler: function(form) { submitForm(); } }); }); function submitForm(){ var form = $('#inq-form').serialize(); console.log(form); $.ajax({ url: '/inquiry/send_league_inquiry/location', type: 'POST', beforeSend: function(){}, success: function(res){ $('.inquire-panel').addClass('hidden'); $('.inquire-back').removeClass('hidden'); $('.success-panel').removeClass('hidden'); }, error: function(res){ $('.err-output').text('There was an error processing your request. Please try again.'); console.log(res); }, data: form, }); $('html, body').animate({ scrollTop: $('.left-content').offset().top }, 800); } $('a.league-back').on('click',function(){ $('.league-desc-block').hide(); $('.league-deet-block').hide(); $('.location-map').show(); $('.league-btn').show(); $('.benefits').show(); $('.get-user-distance').show(); $('.location-features').show(); $('.search-panel').removeClass('hidden'); $('.inquire-panel').addClass('hidden'); $('.inquire-back').addClass('hidden'); $('.success-panel').addClass('hidden'); }); $(document).on('click', '.league-inquire', function(e) { $('.league-desc-block').remove(); $('.league-deet-block').remove(); $('.selected-loc').empty(); var item = $(this); Lid = $('#loc-id').val(); leagueID = $(item).attr('data-league'); var p = $(item).closest('.league-desc'); var desc = p.find('.left').html(); var dets = p.find('.details').html(); var title = p.prev('.league-heading').find('.title').html(); var s = p.prev('.league-heading'); var c = '<div class="heading">'+s.html()+'</div>'+'<div class="text">'+p.html()+'</div>'; $('#form-loc-id').val(Lid); $('#form-league-id').val(leagueID); $('.search-panel').addClass('hidden'); $('.inquire-panel').removeClass('hidden'); $('.inquire-back').removeClass('hidden'); $('.location-map').hide(); $('.league-btn').hide(); $('.benefits').hide(); $('.get-user-distance').hide(); $('.location-features').hide(); var descblock = '<div class="league-desc-block content line"><h5>'+title+'</h5>'+desc+'</div>'; var deetblock = '<div class="league-deet-block content"><h5>League Info</h5>'+dets+'</div>'; $('.location-aside.left').append(descblock); $('.location-aside.left').append(deetblock); $('.selected-league .desktop-only').html(title); $('.inquire-panel .mobile-only').html(c); $('html, body').animate({ scrollTop: $('.inquire-back').offset().top }, 800); }) function LeaguesGetLocation() { if(($.isNumeric(Cookies.get("posLat"))) && ($.isNumeric(Cookies.get("posLon")))){ LeaguesShowPosition(Cookies.get("posLat"), Cookies.get("posLon")); }else{ if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(LeaguesSetCoords); } } } function LeaguesSetCoords(position){ var Ulat = position.coords.latitude; var Ulon = position.coords.longitude; Cookies.set('posLat', Ulat); Cookies.set('posLon', Ulon); LeaguesShowPosition(Ulat, Ulon); } function LeaguesShowPosition(Ulat, Ulon){ var Ucoords = new google.maps.LatLng(Ulat, Ulon); $('.block').each(function(){ var lt = $(this).find('.centerlat').val(); var ln = $(this).find('.centerlon').val(); var Ccoords = new google.maps.LatLng(lt, ln); var add = $(this).find('.centeradd').val(); var url = 'https://www.google.com/maps/dir/'+Ulat+','+Ulon+'/'+add; var Distance = google.maps.geometry.spherical.computeDistanceBetween(Ucoords, Ccoords); var miles = (Distance * 0.000621371).toFixed(2); if(miles < 1){ var output = '<div class="dist"><a href="'+url+'" target="_blank">< 1 mile away</a></div>'; }else if (miles == 1){ var output = '<div class="dist"><a href="'+url+'" target="_blank">1 mile away</a></div>'; }else{ var output = '<div class="dist"><a href="'+url+'" target="_blank">'+ miles + ' miles away</a></div>'; } $(this).find('.left').append(output); }); } $(window).load(function(){ $( "#datepicker" ).datepicker({ changeMonth: false, changeYear: false, showOtherMonths: true, selectOtherMonths: true, inline: true, altField: '#startDate', onSelect: function(){ $('#startDate').css('margin', '10px auto'); } }); $('.ui-datepicker-current-day').removeClass('ui-datepicker-current-day'); $('#startDate').val(''); $('#startDate').css('margin', '0 auto'); LeaguesGetLocation(); }); $('html').click(function(e){ var t = $(e.target)[0].id; var tclass = $(e.target).attr('class'); var par = $(e.target).parent(); var pclass = $(par).attr('class'); var flag = false; if(($(e.target).hasClass('ui-icon'))||($(e.target).parents('#date-select').length)){ flag = true; } if((t == 'day-select')||(t == 'day-text')){ $('#day-select').toggleClass('active'); $('#type-select').removeClass('active'); $('#date-select').removeClass('active'); $('#day-select').children('.sub-list').toggleClass('hidden'); $('#type-select').children('.sub-list').addClass('hidden'); $('#type-select').children('.icn').removeClass('turn'); $('#date-select').children('.sub-list').addClass('hidden'); $('#date-select').children('.icn').removeClass('turn'); $('#day-select').children('.icn').toggleClass('turn'); }else if((t == 'type-select')||(t == 'type-text')){ $('#type-select').toggleClass('active'); $('#day-select').removeClass('active'); $('#date-select').removeClass('active'); $('#type-select').children('.sub-list').toggleClass('hidden'); $('#day-select').children('.sub-list').addClass('hidden'); $('#day-select').children('.icn').removeClass('turn'); $('#date-select').children('.sub-list').addClass('hidden'); $('#date-select').children('.icn').removeClass('turn'); $('#type-select').children('.icn').toggleClass('turn'); }else if((t == 'date-select')||(t == 'date-text')){ $('#date-select').toggleClass('active'); $('#type-select').removeClass('active'); $('#day-select').removeClass('active'); $('#date-select').children('.sub-list').toggleClass('hidden'); $('#day-select').children('.sub-list').addClass('hidden'); $('#day-select').children('.icn').removeClass('turn'); $('#type-select').children('.sub-list').addClass('hidden'); $('#type-select').children('.icn').removeClass('turn'); $('#date-select').children('.icn').toggleClass('turn'); }else{ if((pclass !== 'sub-list')&&(pclass !== 'row') && (flag !== true)){ $('#date-select').removeClass('active'); $('#type-select').removeClass('active'); $('#day-select').removeClass('active'); $('.sub-list').addClass('hidden'); $('.league-filter').children('.icn').removeClass('turn'); } } }); $('.sub-list .clear').click(function(){ $(this).parent('.sub-list').find('input').attr('checked', false); }); $('a.apply').click(function(){ var type = ''; var day = ''; var date = ''; $('.league-error').remove(); $('#type-select .sub-list input').each(function(){ if($(this).is(':checked')){ type += $(this).val() +', '; } }); $('#day-select .sub-list input').each(function(){ if($(this).is(':checked')){ day += $(this).val() +', '; } }); date = $('#startDate').val(); Lid = $('#loc-id').val(); $.ajax({ url: '/league/league_filter_leagues', type: 'POST', data: ({types: type, days: day, dates: date, id: Lid}), dataType: 'text', beforeSend: function(){ $('.bottom.leages').addClass('loading'); }, success: function(data){ $('.bottom.leages').removeClass('loading'); $('.select-drops').addClass('hidden'); $('.leagues-accord').remove(); $('.search-panel').append(data); $('.leagues-accord').accordion(); return data; }, error: function(){ $('.bottom.leages').removeClass('loading'); } }); $('.filter-label').toggleClass('active'); }); $(document).on('click', 'a.clear', function(){ Lid = $('#loc-id').val(); $('.league-error').remove(); $('.sub-list').each(function(){ $(this).find('input').attr('checked', false); }); $('.ui-datepicker-current-day').removeClass('ui-datepicker-current-day'); $('#startDate').val(''); $('#startDate').css('margin', '0 auto'); $.ajax({ url: '/league/league_filter_leagues', type: 'POST', data: ({types: '', days: '', dates: '', id: Lid}), dataType: 'text', beforeSend: function(){ $('.bottom.leages').addClass('loading'); }, success: function(data){ $('.leagues-accord').accordion('destroy'); $('.leagues-accord').remove(); $('.search-panel').append(data); //$('.leagues-accord').html(data); $('.leagues-accord').accordion(); $('.select-drops').addClass('hidden'); $('.bottom.leages').removeClass('loading'); return data; }, error: function(){ $('.bottom.leages').removeClass('loading'); } }); }); $('.filter-row .hide-desktop').click(function(){ $('.select-drops').toggleClass('hidden'); $(this).toggleClass('active'); $(this).find('.icn').toggleClass('turn'); }); </script><div class="bottom-wrap"> <footer id="footer" class="footer navigation container clearfix"> <hr class="tablet"> <div class="footer-left left"> <div class="club-top clearfix"> <div class="club-logo left"> <div class="club-logo-outer"> </div> <div class="club-logo-inner"> </div> </div> <div class="club-join left"> <div class="club-join-cta"> Join The <br> Clubhouse </div> <div class="club-join-text"> For sweet deals and <br>other awesome extras. </div> </div> </div> <div class="club-bottom"> <div class="club-btn text-center blue-btn"> <div class="club-star"> </div> <a class="club-btn-text" href="/clubhouse"> Sign Up Now </a> <div class="club-star"> </div> </div> </div> </div> <hr class="mobile"> <div class="footer-separator left"> </div> <div class="footer-right left"> <div class="clearfix"> <div class="footer-nav left"> <div class="footer-nav-toggle mobile-only hasaction" data-action="toggleFooterNav"> Links <div class="white-arrow"> </div> </div> <div class="footer-nav-container"> <div class="footer-nav-top"> <nav> <ul class="clearfix "><li class="menu-3861 first child-1"><a href="/menu" >Menu</a><span></span></li><li class="menu-350 child-2"><a href="/parties" >Parties</a><span></span></li><li class="menu-3862 child-3"><a href="/games" >Games</a><span></span></li><li class="menu-5736 child-4"><a href="/news" >Press</a><span></span></li><li class="menu-3863 last child-5"><a href="/about-us" >About</a><span></span></li></ul> </nav> </div> <hr class="mobile"> <div class="footer-brandnav left tablet"> <nav> <ul> <li class="logoimg hastooltip BowlmorAMF" title="Bowlero Corp." id="bowlmoramf-footertooltip-tablet" data-brand="BowleroCorp" data-dir="bottom">Bowlero Corp.</li> <li class="logoimg hastooltip BowlmorLanes" title="Bowlmor Lanes" id="bowlmorlanes-footertooltip-tablet" data-brand="BowlmorLanes" data-dir="bottom" >Bowlmor Lanes</li> <li class="logoimg hastooltip Bowlero" title="Bowlero" id="bowlero-footertooltip-tablet" data-brand="Bowlero" data-dir="bottom" >Bowlero</li> <li class="logoimg hastooltip BrunswickZone" title="Brunswick Zone" id="brunswickzone-footertooltip-tablet" data-brand="BrunswickZone" data-dir="bottom" >Brunswick Zone</li> <li class="logoimg hastooltip AMF" title="AMF" id="amf-footertooltip-tablet" data-brand="AMF" data-dir="bottom" >AMF</li> </ul> </nav> </div> <hr class="mobile"> <div class="footer-nav-bottom"> <nav> <ul class=""><li class="menu-2478 first child-1"><a href="/careers" >Careers</a><span></span></li><li class="menu-2479 child-2"><a href="/contact" >Contact Us</a><span></span></li><li class="menu-3864 child-3"><a href="/privacy-policy" >Privacy Policy</a><span></span></li><li class="menu-3865 last child-4"><a href="/terms" >Terms of Use</a><span></span></li></ul> </nav> </div> </div> </div> <div class="footer-brandnav left mobile-only"> <nav> <ul> <li class="logoimg hastooltip BowlmorAMF" title="Bowlero Corp." id="bowlmoramf-footertooltip-mobile" data-brand="BowleroCorp" data-dir="top">Bowlero Corp.</li> <li class="logoimg hastooltip BowlmorLanes" title="Bowlmor Lanes" id="bowlmorlanes-footertooltip-mobile" data-brand="BowlmorLanes" data-dir="top" >Bowlmor Lanes</li> <li class="logoimg hastooltip Bowlero" title="Bowlero" id="bowlero-footertooltip-mobile" data-brand="Bowlero" data-dir="top" >Bowlero</li> <li class="logoimg hastooltip BrunswickZone" title="Brunswick Zone" id="brunswickzone-footertooltip-mobile" data-brand="BrunswickZone" data-dir="top" >Brunswick Zone</li> <li class="logoimg hastooltip AMF" title="AMF" id="amf-footertooltip-mobile" data-brand="AMF" data-dir="top" >AMF</li> </ul> </nav> </div> <div class="social-icons right desktop"> <a rel="nofollow" href="https://facebook.com/BowleroBowl" target="_blank" class="fb"></a> <a rel="nofollow" href="https://twitter.com/BowleroBowl" target="_blank" class="tw"></a> <a rel="nofollow" href="https://www.youtube.com/channel/UCWtN-RzBG04wVnmTHj9bWzA" target="_blank" class="yt"></a> <a rel="nofollow" href="https://instagram.com/bowlerobowl" target="_blank" class="in"></a> </div> </div> <div class="clearfix"> <div class="footer-brandnav left desktop"> <nav> <ul> <li class="logoimg hastooltip BowlmorAMF" title="Bowlero Corp." id="bowlmoramf-footertooltip-desktop" data-brand="BowleroCorp" data-dir="top">Bowlero Corp.</li> <li class="logoimg hastooltip BowlmorLanes" title="Bowlmor Lanes" id="bowlmorlanes-footertooltip-desktop" data-brand="BowlmorLanes" data-dir="top" >Bowlmor Lanes</li> <li class="logoimg hastooltip Bowlero" title="Bowlero" id="bowlero-footertooltip-desktop" data-brand="Bowlero" data-dir="top" >Bowlero</li> <li class="logoimg hastooltip BrunswickZone" title="Brunswick Zone" id="brunswickzone-footertooltip-desktop" data-brand="BrunswickZone" data-dir="top" >Brunswick Zone</li> <li class="logoimg hastooltip AMF" title="AMF" id="amf-footertooltip-desktop" data-brand="AMF" data-dir="top" >AMF</li> </ul> </nav> </div> <div class="copyright right"> © 2018 Bowlero. All Rights Reserved<br> </div> </div> </div> </footer> </div> <div id="mobile-menu-overlay" class="hidden"></div> <script src="https://www.bowlero.com/sites/default/files/js/js_GV_1shbLT9DaseHp1jEgqhDzn8VCA5Ia-uBm8MRBorg.js"></script> </body> </html>