Jquery 使用Parsley.js仅验证ASP.net页面上的一个表单

我有一个稍微棘手的问题，在过去的几个小时里一直困扰着我

我目前正在使用一个ASP.net页面，该页面需要在整个页面上使用一个表单标记包装器。在该表单中有两个单独的表单，分别有各自的提交按钮

我试图找到一种方法来验证（使用parsley.js）一个表单，当它分别提交但被单击时，它同时验证了这两个表单

有人知道我怎么做吗？我知道有一种欧芹数据组的方法，但我不完全理解如何执行它。任何帮助都将不胜感激

-在这里拉小提琴

<form>
    <div class="form1">
        <input type="text"/>
        <input type="text"/>
        <input type="submit" value="submit"/>
    </div>
    <div class="form2">
        <input type="text"/>
        <input type="text"/>
        <input type="submit" value="submit"/>
    </div>
</form>

---

您应该能够使用组执行此操作

---

嘿@Rick S，有没有提交这份表格的方法？因为当我使用按钮时，它不会提交感谢您回复@Rick S。我成功地做到了这一点-嗨@Rick S，我正在尝试将提交按钮从按钮更改为input=“submit”。你知道是谁干的吗？

<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');
    }
});