Actualmente tengo una página ASP.net que tiene una etiqueta de formulario en toda la página. Dentro de esa página, tengo dos formularios que se validan con parsley.js cuando se hace clic en su botón de envío respectivo. Por el momento, el disparador para validar estos formularios son botones y necesito que sean input = "submit". ¿Alguien tiene una idea sobre cómo ejecutar esto?

Aquí hay un ejemplo de violín 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');
}});