JQuery Validation Engine with knockout and bootstrap -
i using bootstrap , knockout in project . before using knockout validation , have use jquery validation engine knockout view models , bootstrap html . suppose html
<fieldset> <div class="form-group"> <label for="name">name</label> <input type="text" class="form-control placeholder" id="personname" placeholder="your name" data-bind="value: name" /> </div> <div class="form-group"> <label for="email">email address</label> <input type="email" class="form-control placeholder" id="personemail" placeholder="your email" data-original-title="your activation email sent address." data-bind="value: email, event: { change: checkduplicateemail }" /> </div> <div class="form-group"> <label for="password">password</label> <input type="password" class="form-control placeholder" id="password" placeholder="password" data-bind="value: password" /> </div> <div class="form-group"> <label for="confirmpassword">repeat password</label> <input type="password" class="form-control placeholder" id="repeatpassword" placeholder="repeat password" data-bind="value: confirmpassword, event: { change: matchpassword }" /> </div> <div class="form-group"> <label for="companyname">company name</label> <input type="text" class="form-control placeholder" id="companyname" placeholder="your company name" data-bind="value: company" /> </div> <div class="form-group"> <label for="country">country</label> <select class="form-control placeholder" id="country" data-bind="options: availablecountries, value: selectedcountry, optionscaption: 'country'"></select> </div> <button id="signupuser" type="button" data-bind="click: signup" class="btn btn-primary btn-block">create free account</button> </fieldset>
now confused how use jquery validation engine plugin above code .
finally got solution in demos , wrap fieldset div
<div id="formid"> <fieldset> // input elements here </fieldset> </div>
in js
$(document).ready(function () { $("#formid").validationengine(); $(".submit").click(function () { $("#formid").validationengine('validate'); }) });
Comments
Post a Comment