Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


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

Engrev free asked 4 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 4 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 free commented 4 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 4 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 free commented 4 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

  • ForumUser: 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