Frontend form rendering and submission handling #4

New Issue

2026-06-10T09:08:49Z

jmiller commented

2026-06-10 09:08:49 +00:00

Summary

Render forms on the frontend site and handle submissions with validation, file uploads, and spam protection.

Tasks

Site-side DisplayController and router
Form HtmlView rendering all field types
Client-side validation (HTML5 + JS)
Server-side validation (required, email, phone, file type/size, custom regex)
File upload handling (move to secure directory, link to submission)
Multi-page navigation (next/prev buttons, progress bar)
Conditional field visibility (JS show/hide based on other field values)
Success message display or redirect after submission
CAPTCHA integration (Joomla built-in CAPTCHA plugins)
Honeypot field for basic spam protection
CSRF token verification
Rate limiting (max submissions per IP per hour)

Embedding

Forms can be embedded in articles via shortcode: {mokosuiteform id=3}

Content plugin to parse shortcodes and render forms inline

Dependencies

#1, #2, Admin form builder UI — drag-and-drop field editor (#3)

## Summary Render forms on the frontend site and handle submissions with validation, file uploads, and spam protection. ## Tasks - [ ] Site-side DisplayController and router - [ ] Form HtmlView rendering all field types - [ ] Client-side validation (HTML5 + JS) - [ ] Server-side validation (required, email, phone, file type/size, custom regex) - [ ] File upload handling (move to secure directory, link to submission) - [ ] Multi-page navigation (next/prev buttons, progress bar) - [ ] Conditional field visibility (JS show/hide based on other field values) - [ ] Success message display or redirect after submission - [ ] CAPTCHA integration (Joomla built-in CAPTCHA plugins) - [ ] Honeypot field for basic spam protection - [ ] CSRF token verification - [ ] Rate limiting (max submissions per IP per hour) ## Embedding Forms can be embedded in articles via shortcode: `{mokosuiteform id=3}` - [ ] Content plugin to parse shortcodes and render forms inline ## Dependencies - #1, #2, #3

Sign in to join this conversation.

Priority Medium

Type Feature

Status —

Priority —

Type —

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteForms#4