Validation parsley.js可以与knockout.js一起使用吗?
我刚刚了解了parsley.js,我正在尝试将它的验证功能添加到我已经与knockout.js绑定连接的项目中。以下是标记:Validation parsley.js可以与knockout.js一起使用吗?,validation,knockout.js,parsley.js,Validation,Knockout.js,Parsley.js,我刚刚了解了parsley.js,我正在尝试将它的验证功能添加到我已经与knockout.js绑定连接的项目中。以下是标记: <form id="form-add-gift" data-bind="submit: addGift" data-validate="parsley"> <table class="table table-striped"> <thead> <tr>
<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>
GiftDescriptionUrl
添加礼物
当我单击“添加礼物”按钮时,我的knockout.js addGift()函数将启动,随后将进行parsley.js验证。这显然是错误的。有没有办法让parsley.js能够很好地使用knockout.js绑定?我不认为它可以直接使用,但这不能阻止您很好地使用它们
快速浏览->Javascript->Form可以使用以下方法:
$('#form').parsley('isValid');
如果希望在内部集成表单验证过程,则此功能非常有用
自定义函数,无需触发错误消息
更新
你也可以试试这个:
$( '#form' ).parsley( 'validate' );
如果希望在内部集成表单验证过程,则此功能非常有用
自定义函数
谢谢不知道我怎么会在文档中漏掉这个。看起来我只需要将我的knockout.js函数代码包装在
if($('#form add gift').parsley('isValid'){…}
块中。对于当前版本的parsley.js,可以编写$('#form').parsley().isValid()
-请参阅