使用 input="submit" 字段提交而不是 button="" with parsley.js

Question

我目前有一个 ASP.net 页面，整个页面都有一个表单标签。在该页面中，我有两个表单在单击各自的提交按钮时使用 parsley.js 进行验证。目前，验证这些表单的触发器是按钮，我需要它们是 input="submit"。有人知道如何执行吗？

这是一个 JS fiddle 示例 - 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');
}});

Answer 1

@Learner又来救场了！这是他的 fiddle - js.fiddle

<div></div>

使用 input="submit" 字段提交而不是 button="" with parsley.js

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

forms

asp.net

jquery

submit

parsley.js