Submit form using jquery with specific id

Question

I am clicking a submit button using this:

Hlml :

<button type="submit" class="btn btn-submit">Submit</button>

Js :

$("#form_id").on('submit',(function(e) {

The problem is that I have more that 1 submit button on my form wizard so I need to target a specific submit button.

LIke

<button type="submit" id="submit_form" class="btn btn-submit">Submit</button>

How could I submit form using id="submit_form and $("#form_id") ?

Answer 1

You could attach click event to the button you want using the specific id attribute :

$("#form_id").on('click', '#submit_form', function(e) {
    e.preventDefault();

    //You logic here

   //Submit form at the end if you want
   //$("#form_id").submit();
});

Hope this helps.