Register for RSMG Winter Tryouts - Germantown PA <script> // Warn if the picked bracket's gender doesn't match the kid's gender // (both when a signed-in parent picks an existing kid AND when they // enter new-player info). Allow proceeding on OK. document.addEventListener("DOMContentLoaded", function() { const form = document.querySelector("form[method='POST']"); if (!form) return; // Map existing-kid <option> value -> gender (from `data-gender` attr) // We rely on the option text containing something we can key off if // there's no data attr; for now, if the signed-in flow, we skip the // check unless the "new" mode is active. form.addEventListener("submit", function(ev) { const picked = form.querySelector("input[name='bracket_id']:checked"); if (!picked) return; const bracketGender = (picked.dataset.gender || "all").toLowerCase(); if (bracketGender === "all") return; // Kid gender source depends on flow: // - Public quick-register or "new kid" mode: <select name="gender"> // - Signed-in existing kid: hidden — not directly on the form; skip const kidGenderSelect = form.querySelector("select[name='gender']"); const kidMode = form.querySelector("input[name='kid_mode']:checked"); const modeIsExisting = kidMode && kidMode.value === "existing"; if (modeIsExisting) return; // no reliable client-side info; server can still check if (!kidGenderSelect || !kidGenderSelect.value) return; const kidG = kidGenderSelect.value.toLowerCase(); const bracketLabel = picked.dataset.label || "this bracket"; // "male" bracket + kid.Male => OK; "female" bracket + kid.Female => OK const match = (bracketGender === "male" && kidG === "male") || (bracketGender === "female" && kidG === "female"); if (match) return; const forGroup = bracketGender === "male" ? "Boys" : "Girls"; const msg = `Heads up: ${bracketLabel} is for ${forGroup}. Continue anyway?`; if (!confirm(msg)) { ev.preventDefault(); } }); }); </script>

At least 8 characters. You'll use this to sign in later.