Jquery 使用按钮类型=”提交表单;按钮“;而不是屈服

Jquery 使用按钮类型=”提交表单;按钮“;而不是屈服,jquery,asp.net,forms,submit,parsley.js,Jquery,Asp.net,Forms,Submit,Parsley.js,目前我有一个ASP.net页面,它有一个表单包装器,包含整个页面。在该页面中,我有两个表单,分别有两个提交按钮。我正在使用parsley.js进行验证,在@RickS的帮助下,我得到了提交按钮来验证它们各自的表单。 然而,为了做到这一点,我不得不使用button type=“button”来完成,但当我这样做时,表单不再提交。我相信有一个非常明显的解决办法,但它不会打我的脸。有没有人有快速解决方案 这里有一个例子来说明我正在努力实现的目标 <form method='post' id='f

目前我有一个ASP.net页面,它有一个表单包装器,包含整个页面。在该页面中,我有两个表单,分别有两个提交按钮。我正在使用parsley.js进行验证,在@RickS的帮助下,我得到了提交按钮来验证它们各自的表单。 然而,为了做到这一点,我不得不使用button type=“button”来完成,但当我这样做时,表单不再提交。我相信有一个非常明显的解决办法,但它不会打我的脸。有没有人有快速解决方案

这里有一个例子来说明我正在努力实现的目标

<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>
试试这个

$('#submit-form2').click(function(){
    $('#form').submit();
});
只需添加:

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

有@Learner的帮助,他制作了这把小提琴-jsfiddle.net/ukgvam9k/26

谢谢@Learner,你知道为什么它没有提交吗?“我知道我是否填写了两份表格,然后它就会发送出去,但如果我只填写一份就不行了。是的,这就是我的问题所在,”勒纳说。ASP.net只允许一个表单标记。如果我能使用多种形式,我会很好,但不是这样。你还有别的想法吗?非常感谢您的帮助。这篇感谢@Learner怎么样?这是一篇有趣的文章,但似乎有点粗糙。是否有什么方法可以修改if语句,说明form1何时通过欧芹验证,然后提交?因为目前isValid需要填写两份表格才能提交。你是一个传奇@Learner谢谢!
$('#submit-form2').click(function () {
    $('#form').submit();
});