NCAA Email Preferences

<!doctype html> <html> <head><meta name="ROBOTS" content="INDEX,FOLLOW"><meta name="keywords" content=""> <meta charset="utf-8"> <title>NCAA Email Preferences </title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://www.ncaa.com/themes/custom/bespin/css/main.css?v=master-676"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.ncaa.com/favicon-32x32.png"> <script src="https://www.google.com/recaptcha/api.js?render=6LckWBwhAAAAAN-bBeVHNI7UYtw4OzlS_AFP6w71&hl=en"> </script> <style> body { font-family: "Geogrotesque", "Rockwell", Georgia, Times, "Times New Roman", serif; } input[type=text] { width: 100%; padding: 10px } input[type=checkbox] { vertical-align: middle; } h3 { font-size: 18px; font-weight: 600; } h1, h2, h3, h4 { margin: 0; } p { font-size: 14px; margin: 0; } label { font-size: 12px; font-weight: 500; color: #000000; margin-bottom: 3px; } #tickets-header, #newsletter-header, #bracket-challenge-header { background-color: #edeef0; } #tickets-expand { background-color: #f6f8fa; margin: auto; } .update-button { background-color: #0a6fac; border-color: #0a6fac; font-size: 14px; color: #ffffff; width: 100%; max-width: 320px; height: 45px; border-radius: 0; } .unsub-button { background-color: #ffffff; border-color: #0a6fac; font-size: 14px; color: #0a6fac; width: 100%; max-width: 320px; height: 45px; border-radius: 0; } .apple-links a { text-decoration: none !important; color: #ffffff !important; } .tickets-header { background-color: #A9A9A9; } .container { max-width: 780px; } .custom-toggler.navbar-toggler { border-color: #ffffff; } .custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .autocomplete-form { font-family: "Geogrotesque", "Rockwell", Georgia, Times, "Times New Roman", serif; } .autocomplete-form input, .autocomplete-form .autocompletebtn { border: 1px solid transparent; background-color: #f1f1f1; padding: 10px; font-size: 14px; } .autocomplete-form input[type=text] { background-color: #f1f1f1; width: 100%; } .autocomplete-form .autocompletebtn { background-color: DodgerBlue; color: #fff; cursor: pointer; } .autocomplete-form .autocompletebtn:hover { background-color: #0080ff; } .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; width: 90%; } } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border: 1px solid #d4d4d4; } .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } @media only screen and (max-width: 767px) { .pt-4, .py-4 { padding-top: 0rem!important; } } .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } #header-nav { background: #0a6fac; position: absolute; top: 8px; left: 0; z-index: 1; } .custom-toggler.navbar-toggler, .navbar-dark .navbar-toggler { border-color: transparent !important; position: absolute; left: 0; top: 0; } .navbar-collapse { margin-top: 60px; } #header-top-container img { position: relative; left: 60px; z-index: 999; } @media (min-width:992px) { #header-nav { background: #022853; position: relative; top: 0px; } .navbar-nav { margin: 0 auto; } #header-top-container img { position: relative; left: 0px; } .navbar-collapse { margin-top: 0px; } } @media (max-width: 575.98px) { .container { padding-left: 0px; padding-right: 0px; } } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } </style> </head> <body> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script> //When the page has loaded. //var arr; $(document).ready(function () { //Perform Ajax request. $.ajax({ url: "https://mc97gsxn49y6wmpf4p2n764zq7z1.pub.sfmc-content.com/ljrxyg44jtb", method: "GET", dataType: "json", success: function (resp) { arr = resp; } }).done(function (e) { console.log(arr); } ); if ($('#tickets-expand input:checked').length > 0) { $('#tickets-header-checkbox').prop("checked", true); $('#tickets-expand').addClass("show"); } else { $('#tickets-header-checkbox').prop("checked", false); $('#tickets-expand').removeClass("show"); } $('#tickets-expand input:checked').each(function () { var element = $(this); element.removeClass("collapsed"); var expanddiv = "#" + element.attr('name') + "-expand"; $(expanddiv).addClass("show"); }); if ($('#tickets-expand input:checked').length > 0) { $('#tickets-header-checkbox').prop("checked", true); $('#tickets-expand').addClass("show"); } $("#unsub-all").mousedown(function () { if ($(this).is(":checked")) { $("#update-btn").html("UPDATE MY PREFERENCES"); } else { $("#update-btn").html("UNSUBSCRIBE"); } }); }); </script> <script> function GetSchoolSportCodes (e) { $.ajax({ url: "https://mc97gsxn49y6wmpf4p2n764zq7z1.pub.sfmc-content.com/qqo4gwy12xz?sportcode=" + $(e).attr("sportcode"), method: "GET", dataType: "json", success: function (resp) { var arr = resp; findSchool(e, arr); } }).done(function (result) { console.log(result); }); } function findSchool(inp, arr) { /*the autocomplete function takes two arguments, the text field element and an array of possible autocompleted values:*/ var currentFocus; /*execute a function when someone writes in the text field:*/ inp.addEventListener("input", function (e) { /* if (arr === undefined || arr.length == 0) setTimeout(function () { console.log(arr); }, 5000);*/ var a, b, i, val = this.value; /*close any already open lists of autocompleted values*/ closeAllLists(); if (!val) { return false; } currentFocus = -1; /*create a DIV element that will contain the items (values):*/ a = document.createElement("DIV"); a.setAttribute("id", this.id + "autocomplete-list"); a.setAttribute("class", "autocomplete-items"); /*append the DIV element as a child of the autocomplete container:*/ this.parentNode.appendChild(a); /*for each item in the array...*/ for (i = 0; i < arr.length; i++) { /*check if the item starts with the same letters as the text field value:*/ if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) { /*create a DIV element for each matching element:*/ b = document.createElement("DIV"); /*make the matching letters bold:*/ b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>"; b.innerHTML += arr[i].substr(val.length); /*insert a input field that will hold the current array item's value:*/ b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>"; /*execute a function when someone clicks on the item value (DIV element):*/ b.addEventListener("click", function (e) { /*insert the value for the autocomplete text field:*/ inp.value = this.getElementsByTagName("input")[0].value; $(inp).next(".invalid-feedback").hide(); /*close the list of autocompleted values, (or any other open lists of autocompleted values:*/ closeAllLists(); } ); b.addEventListener("mousedown", function (e) { e.preventDefault(); } ); a.appendChild(b); } } } ); /*execute a function presses a key on the keyboard:*/ inp.addEventListener("keydown", function (e) { var x = document.getElementById(this.id + "autocomplete-list"); if (x) x = x.getElementsByTagName("div"); if (e.keyCode == 40) { /*If the arrow DOWN key is pressed, increase the currentFocus variable:*/ currentFocus++; /*and and make the current item more visible:*/ addActive(x); } else if (e.keyCode == 38) { //up /*If the arrow UP key is pressed, decrease the currentFocus variable:*/ currentFocus--; /*and and make the current item more visible:*/ addActive(x); } else if (e.keyCode == 13) { /*If the ENTER key is pressed, prevent the form from being submitted,*/ e.preventDefault(); if (currentFocus > -1) { /*and simulate a click on the "active" item:*/ if (x) x[currentFocus].click(); } } } ); inp.addEventListener("change", function (e) { var encodedValue = $(this).val().replace(/'/g, '''); // Encode the input value consistently var found = arr.some(function (school) { return school === encodedValue; // Compare with encoded array values }); if (!found) { $(this).val(""); $(this).next(".invalid-feedback").show(); } else { $(this).next(".invalid-feedback").hide(); } }); function addActive(x) { /*a function to classify an item as "active":*/ if (!x) return false; /*start by removing the "active" class on all items:*/ removeActive(x); if (currentFocus >= x.length) currentFocus = 0; if (currentFocus < 0) currentFocus = (x.length - 1); /*add class "autocomplete-active":*/ x[currentFocus].classList.add("autocomplete-active"); } function removeActive(x) { /*a function to remove the "active" class from all autocomplete items:*/ for (var i = 0; i < x.length; i++) { x[i].classList.remove("autocomplete-active"); } } function closeAllLists(elmnt) { /*close all autocomplete lists in the document, except the one passed as an argument:*/ var x = document.getElementsByClassName("autocomplete-items"); for (var i = 0; i < x.length; i++) { if (elmnt != x[i] && elmnt != inp) { x[i].parentNode.removeChild(x[i]); } } } /*execute a function when someone clicks in the document:*/ document.addEventListener("click", function (e) { closeAllLists(e.target); }); }; function uncheckAll() { var items = document.getElementsByTagName('input'); for (var i = 0; i < items.length; i++) { if (items[i].type == 'checkbox' && items[i].id != 'unsub-all') items[i].checked = false; } $('#tickets-expand .collapse.show').removeClass('show'); $('#tickets-expand').addClass('show'); $('#tickets-expand').removeClass('show'); } function uncheckTickets() { if (document.getElementById('tickets-header-checkbox').checked === false ) { var items = document.getElementsByTagName('input'); for (var i = 0; i < items.length; i++) { if (items[i].type == 'checkbox' && items[i].id != 'unsub-all' && items[i].id != 'Newsletter' && items[i].id != 'BracketChallenge' && items[i].id != 'Weekly' && items[i].id != 'DivisionII') items[i].checked = false; }; $('.collapse.show').removeClass('show'); } }; function uncheckUnsub() { if ((document.getElementById('tickets-header-checkbox').checked === true || document.getElementById('Newsletter').checked === true || document.getElementById('BracketChallenge').checked === true) && document.getElementById('unsub-all').checked === true) { document.getElementById('unsub-all').checked = false; $("#update-btn").html("UPDATE MY PREFERENCES"); }; }; </script> <div id="header-top" style="max-width: 100%; background: #0a6fac; position:relative;"> <div id="header-top-container" class="container"> <img src="http://image.mail2.ncaa.com/lib/fe5815707d6d067e7c13/m/6/2fd87fb1-df30-4cc0-b365-fb0c0855bbaf.png" style="max-width:101px;" border="0" alt="NCAA" class="py-3"> </div> <div id="header-nav" style="max-width:100%;"> <div id="header-nav-container" class="container"> <nav class="navbar navbar-expand-lg navbar-dark py-0"> <button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav" style="font-size:16px;"> <li class="nav-item"> <a class="nav-link px-md-3 text-white" target="_blank" href="https://www.ncaa.com/championships">SPORTS</a> </li> <li class="nav-item"> <a class="nav-link px-md-3 text-white" target="_blank" href="https://www.ncaa.com/tickets">TICKETS</a> </li> <li class="nav-item"> <a class="nav-link px-md-3 text-white" target="_blank" href="https://www.ncaa.com/march-madness-live/watch?cid=mml2019_ncaa_main_nav">MARCH MADNESS LIVE</a> </li> <li class="nav-item"> <a class="nav-link px-md-3 text-white" target="_blank" href="https://www.ncaa.com/vip">NCAA EXPERIENCE</a> </li> <li class="nav-item"> <a class="nav-link px-md-3 text-white" target="_blank" href="https://www.ncaa.com/social">SOCIAL</a> </li> </ul> </div> </nav> </div> </div> </div> <div id="body-container" class="container"> <div id="form-header" class="pt-5 px-3 px-md-0"> <h2 style="font-size: 36px; font-weight:600;"> Preference Center </h2> <p style="font-weight:500;"> Enter your information to receive emails about offers and promotions. (e.g. offers from NCAA.com and our partners.) </p> <hr style="border-top: 1px solid #7d7f81; margin:0;" class="mb-2 mt-4 my-md-4"> </div> <form id="form" action="https://mc97gsxn49y6wmpf4p2n764zq7z1.pub.sfmc-content.com/h5dunwakp2k" method="post" class="needs-validation" novalidate> <div id="form-personal-info-header"> <h2 class="px-3 px-md-0" style="font-size: 24px; line-height: 20px; font-weight:600;"> Personal Information <br class="d-md-none"> <span style="font-size: 12px; font-weight: 500; color:#d0021b;">* indicates required field</span> </h2> <div class="row"> <div class="col-12 col-md-6"> <label>EMAIL<span style="color:#d0021b; font-weight:600;"> *</span></label> <br> <input id="NewEmail" value="" name="NewEmail" type="email" required data-lpignore="true" class="form-control" placeholder="Enter Email"> <div class="invalid-feedback"> Email is required. </div> </div> </div> <input type="hidden" id="Email" name="Email" value=""> <input type="hidden" id="SubKey" name="SubKey" value=""> <input type="hidden" id="EmailName" name="EmailName" value="Email Name"> </div> <div id="form-personal-info" class="container px-3 px-md-0"> <div class="row"> <div class="col-12 col-md-6"> <label>FIRST NAME<span style="color:#d0021b; font-weight:600;"> *</span></label> <br> <input id="FirstName" value="" name="FirstName" type="text" required data-lpignore="true" class="form-control" placeholder="Enter First Name"> <div class="invalid-feedback"> First name is required. </div> </div> <div class="col-12 col-md-6"> <label>LAST NAME<span style="color:#d0021b; font-weight:600;"> *</span></label> <br> <input id="LastName" value="" name="LastName" type="text" required data-lpignore="true" class="form-control" placeholder="Enter Last Name"> <div class="invalid-feedback"> Last name is required. </div> </div> </div> <div class="row"> <div class="col-12 col-md-3"> <label>MOBILE</label> <br> <input id="Mobile" value="" name="Mobile" type="tel" placeholder="999-999-9999" data-lpignore="true" class="form-control"> <div class="invalid-feedback"> Please enter a valid phone number. </div> </div> <div class="col-12 col-md-3"> <label>ZIP/POSTAL CODE<span style="color:#d0021b; font-weight:600;"> *</span></label> <br> <input id="Zip" value="" name="zip" type="text" pattern="[0-9]{5}" data-lpignore="true" class="form-control"> <div class="invalid-feedback"> Please enter a valid 5 digit zipcode. </div> </div> <div class="col-12 col-md-4"> <label>DATE OF BIRTH</label> <br> <input id="birthday" value="" name="birthday" type="date" data-lpignore="true" placeholder="YYYY-MM-DD" class="form-control"> </div> </div> <div class="row"> <div class="col-12 col-md-6"> <label>SCHOOL AFFINITY</label> <br> <div class="autocomplete pt-2" style="width:100%;"> <input id="AffinityInstitutionName" name="AffinityInstitutionName" value="" sportcode= "" type="text" placeholder="Search all schools" data-lpignore="true" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)"> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> </div> </div> <div id="form-email-preferences"> <h2 class="pt-3 pb-2 px-3 px-md-0" style="font-size: 24px; font-weight:600;"> Email Preferences </h2> <div id="preferences"> <div id="tickets-header" style="border-top: 2px solid #ffffff;"> <h3 class="px-4 py-3"> <input id="tickets-header-checkbox" type="checkbox" value="" onchange="uncheckTickets(); uncheckUnsub()" data-toggle="collapse" class="mr-2" data-target="#tickets-expand" checked/> NCAA Championship Ticket Offers, News & Info </h3> <div id="tickets-expand" class="collapse.show row"> <div class="col-12 col-sm-4 form-check pt-4 pb-0 pb-sm-4 px-4"> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Baseball" name="MBA" value="Baseball" data-toggle="collapse" data-target="#MBA-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Baseball">Baseball</label> <div id="MBA-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MBA" type="text" id="Baseball-school" name="Baseball-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Basketball [M]" name="MBB" value="Basketball [M]" data-toggle="collapse" data-target="#MBB-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Basketball [M]">Basketball [M]</label> <div id="MBB-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MBB" type="text" id="Basketball [M]-school" name="Basketball [M]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Basketball [W]" name="WBB" value="Basketball [W]" data-toggle="collapse" data-target="#WBB-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Basketball [W]">Basketball [W]</label> <div id="WBB-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WBB" type="text" id="Basketball [W]-school" name="Basketball [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Beach Volleyball" name="WSV" value="Beach Volleyball" data-toggle="collapse" data-target="#WSV-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Beach Volleyball">Beach Volleyball</label> <div id="WSV-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WSV" type="text" id="Beach Volleyball-school" name="Beach Volleyball-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Bowling [W]" name="WBW" value="Bowling [W]" data-toggle="collapse" data-target="#WBW-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Bowling [W]">Bowling [W]</label> <div id="WBW-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WBW" type="text" id="Bowling [W]-school" name="Bowling [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Cross Country" name="XCC" value="Cross Country" data-toggle="collapse" data-target="#XCC-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Cross Country">Cross Country</label> <div id="XCC-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="XCC" type="text" id="Cross Country-school" name="Cross Country-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Fencing" name="XFE" value="Fencing" data-toggle="collapse" data-target="#XFE-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Fencing">Fencing</label> <div id="XFE-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="XFE" type="text" id="Fencing-school" name="Fencing-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Field Hockey" name="WFH" value="Field Hockey" data-toggle="collapse" data-target="#WFH-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Field Hockey">Field Hockey</label> <div id="WFH-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WFH" type="text" id="Field Hockey-school" name="Field Hockey-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Football" name="MFB" value="Football" data-toggle="collapse" data-target="#MFB-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Football">Football</label> <div id="MFB-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MFB" type="text" id="Football-school" name="Football-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Golf" name="XGO" value="Golf" data-toggle="collapse" data-target="#XGO-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Golf">Golf</label> <div id="XGO-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="XGO" type="text" id="Golf-school" name="Golf-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> </div><div class="col-12 col-sm-4 form-check pt-4 pb-0 pb-sm-4 px-4"> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Gymnastics [M]" name="MGY" value="Gymnastics [M]" data-toggle="collapse" data-target="#MGY-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Gymnastics [M]">Gymnastics [M]</label> <div id="MGY-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MGY" type="text" id="Gymnastics [M]-school" name="Gymnastics [M]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Gymnastics [W]" name="WGY" value="Gymnastics [W]" data-toggle="collapse" data-target="#WGY-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Gymnastics [W]">Gymnastics [W]</label> <div id="WGY-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WGY" type="text" id="Gymnastics [W]-school" name="Gymnastics [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Ice Hockey [M]" name="MIH" value="Ice Hockey [M]" data-toggle="collapse" data-target="#MIH-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Ice Hockey [M]">Ice Hockey [M]</label> <div id="MIH-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MIH" type="text" id="Ice Hockey [M]-school" name="Ice Hockey [M]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Ice Hockey [W]" name="WIH" value="Ice Hockey [W]" data-toggle="collapse" data-target="#WIH-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Ice Hockey [W]">Ice Hockey [W]</label> <div id="WIH-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WIH" type="text" id="Ice Hockey [W]-school" name="Ice Hockey [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Lacrosse [M]" name="MLA" value="Lacrosse [M]" data-toggle="collapse" data-target="#MLA-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Lacrosse [M]">Lacrosse [M]</label> <div id="MLA-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MLA" type="text" id="Lacrosse [M]-school" name="Lacrosse [M]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Lacrosse [W]" name="WLA" value="Lacrosse [W]" data-toggle="collapse" data-target="#WLA-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Lacrosse [W]">Lacrosse [W]</label> <div id="WLA-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WLA" type="text" id="Lacrosse [W]-school" name="Lacrosse [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Rifle" name="WRI" value="Rifle" data-toggle="collapse" data-target="#WRI-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Rifle">Rifle</label> <div id="WRI-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WRI" type="text" id="Rifle-school" name="Rifle-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Rowing [W]" name="WCR" value="Rowing [W]" data-toggle="collapse" data-target="#WCR-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Rowing [W]">Rowing [W]</label> <div id="WCR-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WCR" type="text" id="Rowing [W]-school" name="Rowing [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Skiing" name="XSK" value="Skiing" data-toggle="collapse" data-target="#XSK-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Skiing">Skiing</label> <div id="XSK-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="XSK" type="text" id="Skiing-school" name="Skiing-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Soccer [M]" name="MSO" value="Soccer [M]" data-toggle="collapse" data-target="#MSO-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Soccer [M]">Soccer [M]</label> <div id="MSO-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MSO" type="text" id="Soccer [M]-school" name="Soccer [M]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> </div><div class="col-12 col-sm-4 form-check pt-4 pb-0 pb-sm-4 px-4"> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Soccer [W]" name="WSO" value="Soccer [W]" data-toggle="collapse" data-target="#WSO-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Soccer [W]">Soccer [W]</label> <div id="WSO-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WSO" type="text" id="Soccer [W]-school" name="Soccer [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Softball" name="WSB" value="Softball" data-toggle="collapse" data-target="#WSB-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Softball">Softball</label> <div id="WSB-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WSB" type="text" id="Softball-school" name="Softball-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Swimming & Diving" name="XSW" value="Swimming & Diving" data-toggle="collapse" data-target="#XSW-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Swimming & Diving">Swimming & Diving</label> <div id="XSW-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="XSW" type="text" id="Swimming & Diving-school" name="Swimming & Diving-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Tennis" name="XTE" value="Tennis" data-toggle="collapse" data-target="#XTE-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Tennis">Tennis</label> <div id="XTE-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="XTE" type="text" id="Tennis-school" name="Tennis-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Track & Field" name="XTO" value="Track & Field" data-toggle="collapse" data-target="#XTO-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Track & Field">Track & Field</label> <div id="XTO-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="XTO" type="text" id="Track & Field-school" name="Track & Field-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Volleyball [M]" name="MVB" value="Volleyball [M]" data-toggle="collapse" data-target="#MVB-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Volleyball [M]">Volleyball [M]</label> <div id="MVB-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MVB" type="text" id="Volleyball [M]-school" name="Volleyball [M]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Volleyball [W]" name="WVB" value="Volleyball [W]" data-toggle="collapse" data-target="#WVB-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Volleyball [W]">Volleyball [W]</label> <div id="WVB-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WVB" type="text" id="Volleyball [W]-school" name="Volleyball [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Water Polo [M]" name="MWP" value="Water Polo [M]" data-toggle="collapse" data-target="#MWP-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Water Polo [M]">Water Polo [M]</label> <div id="MWP-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MWP" type="text" id="Water Polo [M]-school" name="Water Polo [M]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Water Polo [W]" name="WWP" value="Water Polo [W]" data-toggle="collapse" data-target="#WWP-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Water Polo [W]">Water Polo [W]</label> <div id="WWP-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WWP" type="text" id="Water Polo [W]-school" name="Water Polo [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Wrestling [M]" name="MWR" value="Wrestling [M]" data-toggle="collapse" data-target="#MWR-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Wrestling [M]">Wrestling [M]</label> <div id="MWR-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="MWR" type="text" id="Wrestling [M]-school" name="Wrestling [M]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> <input class="py-0 mr-2" type="checkbox" class="form-check-input" id="Wrestling [W]" name="WWR" value="Wrestling [W]" data-toggle="collapse" data-target="#WWR-expand" > <label style="font-size: 14px; font-weight:500; color:#000000; vertical-align: middle;" class="form-check-label py-2" for="Wrestling [W]">Wrestling [W]</label> <div id="WWR-expand" class="collapse"> <div class="autocomplete pt-2"> <input sportcode="WWR" type="text" id="Wrestling [W]-school" name="Wrestling [W]-school" placeholder="I am a fan of:" class="autocomplete-form form-control school" onfocus="GetSchoolSportCodes(this)" value=""> <div class="invalid-feedback"> Please choose a valid school </div> </div> </div> <br> </div>  </div> </div>   <div id="bracket-challenge-header" style="border-top: 2px solid #ffffff;"> <h3 class="px-4 py-3"> <input type="checkbox" onchange="uncheckUnsub()" class="mr-2" id="BracketChallenge" name="BracketChallenge" value="BracketChallenge" /> March Madness Bracket Challenge </h3> </div> <div id="newsletter-header" style="border-top: 2px solid #ffffff;"> <h3 class="px-4 py-3"> <input type="checkbox" onchange="uncheckUnsub()" class="mr-2" id="Newsletter" name="Newsletter" value="Newsletter" /> NCAA General Marketing </h3> </div> <div id="newsletter-header" style="border-top: 2px solid #ffffff;"> <h3 class="px-4 py-3"> <input type="checkbox" onchange="uncheckUnsub()" class="mr-2" id="Weekly" name="Weekly" value="Weekly" /> This Week in College Sports Newsletter </h3> </div> <div id="newsletter-header" style="border-top: 2px solid #ffffff;"> <h3 class="px-4 py-3"> <input type="checkbox" onchange="uncheckUnsub()" class="mr-2" id="DivisionII" name="DivisionII" value="DivisionII" /> Division II Newsletter </h3> </div> </div> </div> <br> <div id="unsub-check" class="col-12 px-4 px-md-0 pt-3"> <input type="checkbox" class="mr-2" id="unsub-all" name="unsub-all" value="unsub-all" onchange="uncheckAll()" style="display: inline-block; vertical-align: middle;"> <span style="font-size:14px;">I wish to unsubscribe from all NCAA communications</span> </div> <div id="button-container"> <div class="row px-4 px-md-0 pt-2 pb-4"> <div class="col-12 col-md-5 py-4 text-center"> <button id="update-btn" class="btn update-button" type="submit">UPDATE MY PREFERENCES </button> </div> </div> </div> <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response" value=""> <script> var form = document.getElementById('form'); var recaptcha = document.getElementById('g-recaptcha-response'); form.addEventListener('invalid', function (e) { e.preventDefault(); this.classList.add('was-validated'); }, true); form.addEventListener('submit', function (e) { e.preventDefault(); grecaptcha.ready(function () { grecaptcha.execute( '6LckWBwhAAAAAN-bBeVHNI7UYtw4OzlS_AFP6w71', { action: 'submit' } ).then(function (token) { recaptcha.value = token; if (token) { form.submit(); } else { alert('reCAPTCHA verification failed. Please try again.'); } }); }); }, true); </script> <input type="hidden" name="source" value=""> <input type="hidden" name="eventsource" value=""> <input type="hidden" name="eventlookup" value=""> </form> <script> // Example starter JavaScript for disabling form submissions if there are invalid fields (function () { 'use strict'; window.addEventListener('load', function () { // Fetch all the forms we want to apply custom Bootstrap validation styles to var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission var validation = Array.prototype.filter.call(forms, function (form) { form.addEventListener('submit', function (event) { $("input.autocomplete-form").each(function () { var element = $(this); element[0].setCustomValidity(""); if (element.val() != '') { var autocompletevalidation = arr.includes(element.val()); if (!autocompletevalidation) { element[0].setCustomValidity("invalid school"); element.next().css("display", "block"); } else { element[0].setCustomValidity(""); element.next().css("display", "none"); } console.log(element.val()); } }); if (form.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); } form.classList.add('was-validated'); }, false); }); }, false); })(); </script> </div> <div id="footer" style="max-width: 100%; background: #022853;"> <div id="footer-container" class="container clearfix py-4"> <div class="row py-3"> <div id="copyright-container" class="text-center col-12 col-md-6"> <p class="text-md-left" style="color: #ffffff;"> © <span id="copyright"> <script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script> </span> NCAA </p> </div> <div id="footerlink-container" class="text-center col-12 col-md-6"> <p class="text-md-right" style="color: #ffffff;"> <a style="text-decoration: none; color:#ffffff;" href="https://www.ncaatickets.com/documents/2025/2/5/NCAA_org_Website_Privacy_Policy_FINAL_1_.pdf" target="_blank">Privacy Policy</a> | <a style="text-decoration: none; color:#ffffff;" href="https://www.ncaa.com/tos" target="_blank">Terms of Use</a> </p> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.1/dist/jquery.validate.js"></script> <script>(function(a,m,i,g,o,s){o=a.createElement(g);s=a.getElementsByTagName(i)[0];o.src=m.origin+m.pathname+"/_t?eventType=CLOUDPAGESVISIT";o.width=0;o.height=0;o.style.display="none";s.appendChild(o);})(document,window.location,"body","img");</script> <script src="https://10892397.collect.igodigital.com/collect.js"></script> <script> if (_etmc && typeof _etmc.push === 'function') { _etmc.push(['setOrgId', '10892397']); _etmc.push(['trackPageView']); } </script> </body> </html>

CINXE.COM

NCAA Email Preferences