Usando um campo input = "submit" para enviar em vez de button = "" com parsley.js
Atualmente, tenho uma página ASP.net que possui uma tag de formulário em toda a página. Dentro dessa página, tenho dois formulários validados com parsley.js quando o respectivo botão de envio é clicado. No momento, o gatilho para validar esses formulários são botões e eu preciso que eles sejam input = "submit". Alguém tem uma idéia de como executar isso?
Aqui está um exemplo de violino de JS -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');
}});