jquery - Using an input="submit" field to submit instead of button="" with parsley.js -

i have asp.net page has 1 form tag around entire page. within page, have 2 forms validated parsley.js when respective submit button clicked. @ moment, trigger validate these forms buttons , need them input="submit". have idea on how execute this?

here's js fiddle example - http://jsfiddle.net/ukgvam9k/26/

<form method='post' id='form'> <div class="first">     <input type='text' id='firstname' name='firstname' data-parsley-group="first" required />     <input type='text' id='lastname' name='lastname' data-parsley-group="first" required />     <input type='text' id='phone' name='phone' data-parsley-group="first" required />     <button type="button" id="submit-form">submit</button> </div>  <div class="secon">     <input type='text' id='thisisrequired' name='thisisrequired' data-parsley-group="second" required />     <button type="button" id="submit-form2">submit 2</button> </div>   

$("#submit-form").on('click', function () { $('#form').parsley().validate("first"); if ($('#form').parsley().isvalid("first")) {      $('#form').parsley().destroy();      console.log('valid');      //$('#form').submit(); } else {     console.log('not valid'); }});  $("#submit-form2").on('click', function () { $('#form').parsley().validate("second"); if ($('#form').parsley().isvalid("second")) {     $('#form').parsley().destroy();     console.log('valid'); } else {     console.log('not valid'); }}); 

@learner again came rescue! here's fiddle - js.fiddle

<div></div>