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

Question

我有一个有点棘手的问题，过去几个小时一直困扰着我。

我目前正在处理一个 ASP.net 页面，该页面需要一个表单标签包装器来包裹整个页面。在该表单中有两个单独的表单及其各自的提交按钮。

我正在尝试找到一种方法来验证（使用 parsley.js）只有一个表单，当它分别提交但被点击但目前它正在验证两个。

有人知道我该怎么做吗？我知道有一种 parsley-data-group 方法可以做到这一点，但我不完全了解如何执行它。任何帮助将不胜感激。

http://jsfiddle.net/zkomy34o/2/ - Fiddle 这里

<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>

Answer 1

您应该可以对群组执行此操作。

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>

然后是一些jquery

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

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

Validating only one form on an ASP.net page using Parsley.js

forms

asp.net

jquery

multiple-forms

parsley.js