title: Multi step form submit method is not working in laravel
body: <p>step bootstrap form but the submit method is not working. It's linked with jquery but if I remove the id then continue button is not working. Ho can I take action using route submit and I don't need jquery validation I just need continue, back button and submit button only visible in the last phase. </p>
  
  <pre><code>&lt;div class="portlet-body form"&gt;
  &lt;form class="form-horizontal" name action="{{route('meetingStore')}}" id="submit_form" method="POST"&gt;
      &lt;div class="form-wizard"&gt;
          &lt;div class="form-body"&gt;
              &lt;ul class="nav nav-pills nav-justified steps"&gt;
                  &lt;li&gt;
                      &lt;a href="#tab1" data-toggle="tab" class="step"&gt;
                          &lt;span class="number"&gt; 1 &lt;/span&gt;
                          &lt;span class="desc"&gt;
                          &lt;i class="fa fa-check"&gt;&lt;/i&gt; Visitor Info &lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#tab2" data-toggle="tab" class="step"&gt;
                          &lt;span class="number"&gt; 2 &lt;/span&gt;
                          &lt;span class="desc"&gt;
                          &lt;i class="fa fa-check"&gt;&lt;/i&gt; Host  &lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#tab3" data-toggle="tab" class="step active"&gt;
                          &lt;span class="number"&gt; 3 &lt;/span&gt;
                          &lt;span class="desc"&gt;
                          &lt;i class="fa fa-check"&gt;&lt;/i&gt; Date &amp; Location &lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#tab4" data-toggle="tab" class="step"&gt;
                          &lt;span class="number"&gt; 4 &lt;/span&gt;
                          &lt;span class="desc"&gt;
                          &lt;i class="fa fa-check"&gt;&lt;/i&gt; Confirm &lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;div id="bar" class="progress progress-striped" role="progressbar"&gt;
                  &lt;div class="progress-bar progress-bar-success"&gt; &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="tab-content"&gt;
                  &lt;div class="alert alert-danger display-none"&gt;
                  &lt;button class="close" data-dismiss="alert"&gt;&lt;/button&gt; You have some form errors. Please check below. &lt;/div&gt;
                  &lt;div class="alert alert-success display-none"&gt;
                  &lt;button class="close" data-dismiss="alert"&gt;&lt;/button&gt; Your form validation is successful! &lt;/div&gt;
                  &lt;div class="tab-pane active" id="tab1"&gt;
                      &lt;h3 class="block"&gt;Provide your Visitor details&lt;/h3&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;New Visitor
                              &lt;span class="required"&gt; * &lt;/span&gt;
                          &lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;button type="button" class="btn btn-primary btn-lg yellow" data-toggle="modal" data-target="#Visitormdl" style="margin-bottom: 6px;"&gt;New Visitor
                              &lt;i class="fa fa-plus add_button_glyph pull-left" style="padding: 7px;"&gt;&lt;/i&gt;
                              &lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
  
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;Select Visitor&lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;select name="visitorName" id="country_list" class="form-control"&gt;
                                  @foreach($visitors as $v)
                                  &lt;option value=""&gt;&lt;/option&gt;
                                  &lt;option value="{{$v-&gt;name}}"&gt;{{$v-&gt;name}}&lt;br&gt;{{$v-&gt;mobile}}&lt;/option&gt;
                                  @endforeach
  
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;Purpose&lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;textarea class="form-control" rows="3" name="purpose"&gt;&lt;/textarea&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="tab-pane" id="tab2"&gt;
                      &lt;h3 class="block"&gt;Provide your profile details&lt;/h3&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;Select Host&lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;select name="hostName" id="country_list" class="form-control"&gt;
                                  &lt;option value=""&gt;&lt;/option&gt;
                                  @foreach($hosts as $host)
                                  &lt;option value="{{$host-&gt;name}}"&gt;{{$host-&gt;name}} &lt;br&gt;{{$host-&gt;Mobile}}&lt;/option&gt;
                                  @endforeach
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
  
                  &lt;/div&gt;
                  &lt;div class="tab-pane" id="tab3"&gt;
                      &lt;h3 class="block"&gt;Provide your billing and credit card details&lt;/h3&gt;
  
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;Select Location&lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;select name="location" id="country_list" class="form-control"&gt;
                                  &lt;option value=""&gt;&lt;/option&gt;
                                  @foreach($locations as $lo)
                                  &lt;option value="{{$lo-&gt;name}}"&gt;{{$lo-&gt;name}}&lt;/option&gt;
                                  @endforeach
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;Start Date &amp; Time
                              &lt;span class="required"&gt; * &lt;/span&gt;
                          &lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;input id="" type="datetime-local" name="startDate" value="2017-06-01T08:30"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;End Date &amp; Time
                              &lt;span class="required"&gt; * &lt;/span&gt;
                          &lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;input id="" type="datetime-local" name="endDate" value="2017-06-01T08:30"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
                  &lt;div class="tab-pane" id="tab4"&gt;
                      &lt;h3 class="block"&gt;Confirm your data&lt;/h3&gt;
                      &lt;h4 class="form-section"&gt;Visitor Info&lt;/h4&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;Visitor Name:&lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;p class="form-control-static" data-display="visitorName"&gt; &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;Purpose:&lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;p class="form-control-static" data-display="purpose"&gt; &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;h4 class="form-section"&gt;Host&lt;/h4&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt; Host Name:&lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;p class="form-control-static" data-display="hostName"&gt; &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;h4 class="form-section"&gt;Date, time &amp; Location&lt;/h4&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;Start Date &amp; Time:&lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;p class="form-control-static" data-display="startDate"&gt; &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label col-md-3"&gt;End Date &amp; Time:&lt;/label&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;p class="form-control-static" data-display="endDate"&gt; &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-actions" method="POST"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-offset-3 col-md-9"&gt;
                      &lt;a href="javascript:;" class="btn default button-previous"&gt;
                      &lt;i class="fa fa-angle-left"&gt;&lt;/i&gt; Back &lt;/a&gt;
                      &lt;a href="javascript:;" class="btn btn-outline green button-next"&gt; Continue
                          &lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;
                      &lt;/a&gt;
  
                      &lt;button  type="submit" onclick="{{(route('meetingStore'))}}" class="btn green button-submit"&gt;Submit&lt;/button&gt;
                      &lt;i class="fa fa-check"&gt;&lt;/i&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p></p>
  
  <p>jquery: </p>
  
  <pre><code>var FormWizard = function() {
  return {
      init: function() {
          function e(e) {
              return e.id ? "&lt;img class='flag' src='../../assets/global/img/flags/" + e.id.toLowerCase() + ".png'/&gt;&amp;nbsp;&amp;nbsp;" + e.text : e.text
          }
          if (jQuery().bootstrapWizard) {
              $("#country_list").select2({
                  placeholder: "Select",
                  allowClear: !0,
                  formatResult: e,
                  width: "auto",
                  formatSelection: e,
                  escapeMarkup: function(e) {
                      return e
                  }
              });
              var r = $("#submit_form"),
                  t = $(".alert-danger", r),
                  i = $(".alert-success", r);
              r.validate({
                  doNotHideMessage: !0,
                  errorElement: "span",
                  errorClass: "help-block help-block-error",
                  focusInvalid: !1,
                  rules: {
                      username: {
                          minlength: 5,
                          required: !0
                      },
                      password: {
                          minlength: 5,
                          required: !0
                      },
                      rpassword: {
                          minlength: 5,
                          required: !0,
                          equalTo: "#submit_form_password"
                      },
                      fullname: {
                          required: !0
                      },
                      email: {
                          required: !0,
                          email: !0
                      },
                      phone: {
                          required: !0
                      },
                      gender: {
                          required: !0
                      },
                      address: {
                          required: !0
                      },
                      city: {
                          required: !0
                      },
                      country: {
                          required: !0
                      },
                      card_name: {
                          required: !0
                      },
                      card_number: {
                          minlength: 16,
                          maxlength: 16,
                          required: !0
                      },
                      card_cvc: {
                          digits: !0,
                          required: !0,
                          minlength: 3,
                          maxlength: 4
                      },
                      card_expiry_date: {
                          required: !0
                      },
                      "payment[]": {
                          required: !0,
                          minlength: 1
                      }
                  },
                  messages: {
                      "payment[]": {
                          required: "Please select at least one option",
                          minlength: jQuery.validator.format("Please select at least one option")
                      }
                  },
                  errorPlacement: function(e, r) {
                      "gender" == r.attr("name") ?
                          e.insertAfter("#form_gender_error") : "payment[]" == r.attr("name") ?
                          e.insertAfter("#form_payment_error") : e.insertAfter(r)
                  },
                  invalidHandler: function(e, r) {
                      i.hide(), t.show(), App.scrollTo(t, -200)
                  },
                  highlight: function(e) {
                      $(e).closest(".form-group").removeClass("has-success").addClass("has-error")
                  },
                  unhighlight: function(e) {
                      $(e).closest(".form-group").removeClass("has-error")
                  },
                  success: function(e) {
                      "gender" == e.attr("for") || "payment[]" == e.attr("for") ?
                          (e.closest(".form-group").removeClass("has-error").addClass("has-success"), e.remove()) : e.addClass("valid").closest(".form-group").removeClass("has-error").addClass("has-success")
                  },
                  submitHandler: function(e) {
                      i.show(), t.hide(), e[0].submit()
                  }
              });
              var a = function() {
                      $("#tab4 .form-control-static", r).each(function() {
                          var e = $('[name="' + $(this).attr("data-display") + '"]', r);
                          if (e.is(":radio") &amp;&amp; (e = $('[name="' + $(this).attr("data-display") + '"]:checked', r)),
                              e.is(":text") || e.is("textarea")) $(this).html(e.val());
                          else if (e.is("select")) $(this).html(e.find("option:selected").text());
                          else if (e.is(":radio") &amp;&amp; e.is(":checked")) $(this).html(e.attr("data-title"));
                          else if ("payment[]" == $(this).attr("data-display")) {
                              var t = [];
                              $('[name="payment[]"]:checked', r).each(function() {
                                  t.push($(this).attr("data-title"))
                              }), $(this).html(t.join("&lt;br&gt;"))
                          }
                      })
                  },
                  o = function(e, r, t) {
                      var i = r.find("li").length,
                          o = t + 1;
                      $(".step-title", $("#form_wizard_1")).text("Step " + (t + 1) + " of " + i), jQuery("li", $("#form_wizard_1")).removeClass("done");
                      for (var n = r.find("li"), s = 0; t &gt; s; s++) jQuery(n[s]).addClass("done");
                      1 == o ? $("#form_wizard_1").find(".button-previous").hide() : $("#form_wizard_1").find(".button-previous").show(), o &gt;= i ? ($("#form_wizard_1").find(".button-next").hide(), $("#form_wizard_1").find(".button-submit").show(), a()) : ($("#form_wizard_1").find(".button-next").show(), $("#form_wizard_1").find(".button-submit").hide()), App.scrollTo($(".page-title"))
                  };
              $("#form_wizard_1").bootstrapWizard({
                      nextSelector: ".button-next",
                      previousSelector: ".button-previous",
                      onTabClick: function(e, r, t, i) {
                          return !1
                      },
                      onNext: function(e, a, n) {
                          return i.hide(), t.hide(), 0 == r.valid() ? !1 : void o(e, a, n)
                      },
                      onPrevious: function(e, r, a) {
                          i.hide(), t.hide(), o(e, r, a)
                      },
                      onTabShow: function(e, r, t) {
                          var i = r.find("li").length,
                              a = t + 1,
                              o = a / i * 100;
                          $("#form_wizard_1").find(".progress-bar").css({
                              width: o + "%"
                          })
                      }
                  }), $("#form_wizard_1").find(".button-previous").hide(),
                  $("#form_wizard_1 .button-submit").click(function() {
                      alert("Finished! Hope you like it :)")
                  }).hide(),
                  $("#country_list", r).change(function() {
                      r.validate().element($(this))
                  })
          }
      }
  }
  </code></pre>
  
  <p>}();</p>
  
  <p>function</p>