Question

我有一个棘手的问题，我在过去的几个小时里一直坚持。

我目前正在使用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>

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页面上验证一个表单

1 个答案: