我現在使用parsley.js進行數據驗證,現在我的頁面上有兩個div,我點擊click事件的時候只想驗證第一個div里面的數據,但是此時發現第二個div里面的數據還是會被驗證,如何解決。(綁定數據使用的是ko),現將js html 展示如下
html:
<form data-validate="parsley" id="form1">??????? <div id="divOne">??????????? <div>??????????????? <div><img src="../images/login/logo.png" /></div>???????????????? <ul >?????????????????????? <li>用戶名1:<input name="" type="text" data-required="true"? data-bind="value:userName"?? /></li>??????????????????? <li>密 碼1:<input name="" type="password" data-required="true" data-bind="value:password"?? /></li????????? ??????????????????? <li class="btns"><input name="" type="button"?? data-bind="click:loginRedirt" /></li>??????????????? </ul>???????????? </div>??????? </div>???????? <div id="divTwo">????????????? <ul >?????????????????????? <li>用戶名2:<input name="" type="text" data-required="true"? data-bind="value:name"?? /></li>??????????????????? <li>密 碼2:<input name="" type="password" data-required="true" data-bind="value:pwd"?? /></li????????? ??????????????????? <li class="btns"><input name="" type="button"?? data-bind="click:loginA" /></li>??????????????? </ul>??????? </div>??? </form>
?
js
(function () {
??? function loginModel() { ??????? var self = this; ??????? self.userName = ko.observable(); ??????? self.password = ko.observable(); ??? }
??? loginModel.prototype.loginRedirt = function () ??? { ?????? ??????? if (!$('#form1').parsley('validate')) ??????????? return; ??? };
??? var viewModel = new loginModel(); ??? ko.applyBindings(viewModel, document.getElementById("divOne"));
??? function login() {
??????? var self = this; ??????? self.name = ko.observable(); ??????? self.pwd = ko.observable();
??? }
??? login.prototype.loginA = function () { ??????? if (!$('#form1').parsley('validate')) ??????????? return; ??? }
??? var viewModel1 = new login(); ??? ko.applyBindings(viewModel1, document.getElementById("divTwo"));
})()
?
?
parsley.js 中驗證指定區域
Helenr
2018-12-07 12:41:33