validation - parsley.js 可以与 knockout.js 一起使用吗？

Question

我刚刚了解了 parsley.js，我正在尝试将它的验证功能添加到我已经与 knockout.js 绑定(bind)连接的项目中。这是标记:

<form id="form-add-gift" data-bind="submit: addGift" data-validate="parsley">
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Gift</th><th>Description</th><th>Url</th><th></th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <td><input id="txtName" name="txtName" type="text" data-required="true" data-bind="value: newGift().name" /></td>
                <td><input id="txtDescription" name="txtDescription" type="text" data-bind="value: newGift().description" /></td>
                <td><input id="txtUrl" name="txtUrl" type="text" data-type="url" data-bind="value: newGift().url" /></td>
                <td><button id="btnAdd" name="btnAdd" class="btn" type="submit" data-bind="disable: newGift().name.length > 0">Add gift</button></td>
            </tr>
        </tfoot>
        <tbody data-bind="foreach: gifts">
            <tr>
                <td id="tdName" data-bind="text: name"></td>
                <td id="tdDescription" data-bind="text: description"></td>
                <td id="tdUrl" data-bind="text: url"></td>
                <td><a id="btnRemove" class="btn btn-danger" href="#" data-bind="disabled: $parent.isClaimed, click: $parent.removeGift">Remove</a></td>
            </tr>
        </tbody>
    </table>
</form>

当我单击“添加礼物”按钮时，我的 knockout.js addGift() 函数会触发，随后会进行 parsley.js 验证。显然这是不正确的。有什么方法可以让 parsley.js 与 knockout.js 绑定(bind)配合得很好？

Answer 1

我不认为parsley.js旨在直接与 KnockoutJs 合作，但这不能阻止您很好地同时使用它们。

快速浏览 Documentation -> Javascript -> Form 你可以使用这个方法:

$('#form').parsley('isValid');

Useful if you want to integrate the form validation process inside custom functions, without triggering error messages.

更新

你也可以试试这个:

$( '#form' ).parsley( 'validate' );

Useful if you want to integrate the form validation process inside custom functions.