使用按钮 type="button" 提交表单而不是提交

Question

目前我有一个 ASP.net 页面，其中包含一个包含整个页面的表单包装器。在该页面中，我有两个表单，分别带有两个提交按钮。我正在使用 parsley.js 进行验证，并且在@RickS 的帮助下，我获得了验证其各自表单的提交按钮。但是，为了做到这一点，我不得不使用按钮 type="button" 来这样做，但是当我这样做时，表单不再提交。我确信有一个非常明显的解决方案，但它并没有打我的脸。有人有快速解决方案吗？

这里 jsfiddle 展示了我正在努力实现的目标。

<form method='post' id='form'>
<div>
    <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>
    <input type='text' id='thisisrequired' name='thisisrequired' data-parsley-group="second" required />
    <button type="button" id="submit-form2">Submit 2</button>
</div>

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

Answer 1

试试这个

$('#submit-form2').click(function(){
    $('#form').submit();
});

Answer 2

只需添加：

$('#submit-form2').click(function () {
    $('#form').submit();
});

Answer 3

在@Learner 的帮助下完成了这个 fiddle - jsfiddle.net/ukgvam9k/26

使用按钮 type="button" 提交表单而不是提交

Submit a form using button type="button" instead of submit

forms

asp.net

jquery

submit

parsley.js