отправить форму, когда action = "javascript: void (0)

Question

У меня есть html-форма шага. Мне нужно отправить форму после того, как форма прошла проверку и все поля заполнены. У меня есть контроллер действия register.php, но в моей html-форме также есть action = "javascript: void (0) ;» так как мне отправить свою форму действий.

<div class="form-bottom">
  <div class="row">
    <div class="form-group col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
      <input type="text" class="form-control" placeholder="addres 1" id="add1" name="" value="" |>
    </div>
    <div class="form-group col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
      <input type="text" class="form-control" placeholder="address 2" id="add2" name="" value="">
    </div>
    <div class="form-group col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
      <input type="text" class="form-control" placeholder="city" id="city" name="" value="" |>
    </div>
  </div>
  <div class="row">
    <div class="form-group col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
      <input type="text" class="form-control" placeholder="Home Phone" id="contact_number" name="" value="">
    </div>
  </div>
  <div class="form-group col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
    <input type="checkbox" name="vehicle" value="Car" checked> I Agree<br>
  </div>
  <button type="button" class="btn btn-previous">Previous</button>
  <button type="submit" class="btn">Submit</button>
</div>

Answer 1

Вы можете использовать ajax-запрос для отправки данных в php-скрипт.

Этот код вставляется в функцию onsubmit:

var formData = $(form_selector).serialize(); //Getting data from form
$.ajax({
    type: "POST", 
    url: URL to php script, 
    data: formData, 
    success: function(data) {
        //Action if data successfully sended, it's not nessesary 
    } 
});

Подробнее о jQuery ajax можно узнать по https://api.jquery.com/Jquery.ajax