How to submit form with horizontal pro stepper validation ?


Topic: How to submit form with horizontal pro stepper validation ?

Vergne asked 2 years ago

Hello,

I followed the construction of a horizontal stepper with validation and I don't know how to send the form at the end of my steps.

How should I do this knowing that I have 4 steps with 4 form tags ?

Thank you for your reply :)


Mikołaj Smoleński staff commented 2 years ago

You will have to store all input data with v-model and then send that data on submit. Here are some examples of v-model data binding: https://mdbootstrap.com/docs/vue/forms/inputs/

Best regards


Engrev commented 2 years ago

Hello,

Thank you.

I checked my code and put v-model directives on my inputs but the form still does not submit. Why ?


Mikołaj Smoleński staff commented 2 years ago

To post data we recommend using axios. You will have to collect data values that are stored using v-model and make a post request. Here's a short guide which should be helpful: https://jasonwatmore.com/post/2020/07/23/vue-axios-http-post-request-examples

Best regards


Engrev commented 2 years ago

Hello,

Okay. Thank you very much for your answers :)


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.7.2
  • Device: Computer
  • Browser: Firefox
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes