Task: Add noscript fallbacks to all public-facing JS-only forms #480

New issue

Open

opened 2026-04-16 07:10:59 +00:00 by jjalangtry · 0 comments

jjalangtry commented

2026-04-16 07:10:59 +00:00

(Migrated from github.com)

Problem

Every form in the codebase uses `e.preventDefault()` + `fetch()`. None have a `

` fallback. Without JS, all forms show infinite loading spinners or blank pages, with no explanation or alternative.

Affected Files

Form	File
Mentor Application	`next/app/(main)/mentoring/apply/page.tsx`
Tech Committee Application	`next/app/(main)/tech-committee/apply/page.tsx`
Event Attendance Check-in	`next/app/(main)/events/[id]/attend/page.tsx`
Quote Submission	`next/app/(main)/qdb/MakeNewQuote.tsx`
Alumni Request	`next/app/(main)/about/alumni/RequestAlumniForm.tsx`

Fix

Each form needs a ` \`\`\`

## Problem Every form in the codebase uses \`e.preventDefault()\` + \`fetch()\`. **None have a \`<form action="...">\` fallback.** Without JS, all forms show infinite loading spinners or blank pages, with no explanation or alternative. ## Affected Files | Form | File | |---|---| | Mentor Application | \`next/app/(main)/mentoring/apply/page.tsx\` | | Tech Committee Application | \`next/app/(main)/tech-committee/apply/page.tsx\` | | Event Attendance Check-in | \`next/app/(main)/events/[id]/attend/page.tsx\` | | Quote Submission | \`next/app/(main)/qdb/MakeNewQuote.tsx\` | | Alumni Request | \`next/app/(main)/about/alumni/RequestAlumniForm.tsx\` | ## Fix Each form needs a \`<noscript>\` block with: 1. A message that the form requires JavaScript 2. An alternative contact method (officer email / Discord) Example: \`\`\`html <noscript> <p> This form requires JavaScript to submit. To apply, please email <a href="mailto:sse@rit.edu">sse@rit.edu</a> or reach out on Discord. </p> </noscript> \`\`\`