2

在过去的几个小时里,我遇到了一个稍微棘手的问题。

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

我正在尝试找到一种方法来验证(使用 parsley.js)只有一个表单,当它是各自的提交但被点击时,但目前它正在验证两者。

有人对我如何做到这一点有任何想法吗?我知道有一种 parsley-data-group 方法,但我不完全了解如何执行它。任何帮助将不胜感激。

http://jsfiddle.net/zkomy34o/2/ - 小提琴在这里

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

1 回答 1

3

您应该能够对组执行此操作。

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');
    }
});
于 2015-06-30T16:09:47.017 回答