vuetifyjs / vuetifyjs/vuetify

[Feature Request] Validate subforms in form

Open
#4,900 7 comments 9 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

C: VForm T: feature
Dominant language
TypeScript
Stars
41k
Forks
7.1k
Avg merge
1d 21h
Merged PRs (30d)
11

Description

Versions and Environment

Vuetify: 1.1.0
Vue: 2.5.2

Previously worked in:

Vuetify: 1.0.19
Vue: 2.5.2

Steps to reproduce

Validate the form by pressing on 'submit'

Expected Behavior

Validate the subforms when the validation of the parent form is triggered

Actual Behavior

The subforms are not being validated when the parent form validation is triggered

Reproduction Link

https://codepen.io/errol59/pen/mjNwrp

Additional Comments:

The reason we did this is because we use the v-stepper component with different forms in each v-stepper-content. When the user wants to submit the whole form, we want to know in which step the user forgot to answer a question. This way we can show the user to which step he should navigate.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No repository file or test is named. Start with the linked CodePen and inspect the existing parent-form validation entry point and the v-stepper usage described in the issue. Done means submitting the parent validates all subforms and reveals which step contains an unanswered field.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.