Feat(eligibility/form): custom validation message for index and confirm fields

[angela-tran]

Closes #2012

Reviewing

Eligibility Index form

1. Don't select any transit benefit
2. Click "Choose this benefit"
3. You should get a browser validation message that says "Please choose a transit benefit."

Eligibility Confirm form

Cases to try with sub field (card number field):

• Enter not enough digits
• Enter non-numeric characters
• Leave the field blank

In all those cases, you should get a browser validation message that says "Please enter a X-digit number." where X is the number specific for the transit benefit (5 for MST Courtesy Card, 4 for SBMTD Reduced Fare Mobility ID). See https://github.com/cal-itp/benefits/issues/2012#issuecomment-2071090041 for more context.

Cases to try with name field (last name field):

• Enter more than 255 characters
• Leave the field blank

In all those cases, you should get a browser validation message that says "Please enter your last name."

Screenshots

Expand

 

[github-actions[bot]]

Coverage report

Click to see where and how coverage changed

File	Statements	Missing	Coverage	Coverage (new stmts)	Lines missing
benefits/eligibility
forms.py
Project Total

This report was generated by python-coverage-comment-action

[angela-tran]

Side note: our Cypress tests were actually really helpful for this PR. They fail tests that encounter syntax errors, which caught regressions on pages that contain forms but don't need custom validation messages. 🎉

See GitHub Action runs: https://github.com/cal-itp/benefits/actions/runs/8760017173/job/24044225079 https://github.com/cal-itp/benefits/actions/runs/8790692524/job/24123260719 https://github.com/cal-itp/benefits/actions/runs/8791452896/job/24125714216

[angela-tran]

Need to resolve conflicts

[angela-tran]

Rebased on top of #2042 and waiting for it to be merged to minimize merge conflicts