Question

目前我有一个ASP.net页面，其中有一个表单包装器可以填充整个页面。在该页面中，我有两个表单，分别有两个提交按钮。我使用parsley.js进行验证，在@RickS的帮助下，我有了提交按钮来验证各自的表单。但是，为了做到这一点，我必须使用按钮类型=＆＃34;按钮＆＃34;这样做，但当我这样做时，表格不再提交。我确定这是一个非常明显的解决方案，但它并没有打击我。有没有人有快速解决方案？

在这里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帮助这个制作这个小提琴的人 - jsfiddle.net/ukgvam9k/26

使用按钮类型=＆＃34;按钮＆＃34;提交表单而不是提交

3 个答案: