Механизм проверки JQuery с нокаутом и начальной загрузкой

Я использую бутстрап и нокаут в своем проекте. До сих пор я использовал проверку нокаута, но теперь мне нужно использовать механизм проверки jquery с моделями представления нокаута и начальной загрузкой html. Предположим, это мой 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 will be sent to this 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>

теперь я не понимаю, как использовать плагин механизма проверки jQuery с мой приведенный выше код.


jquery twitter-bootstrap knockout.js jquery-validation-engine
person Ancient    schedule 26.08.2013    source источник
comment
Вы не путаете с какой частью? что ты уже испробовал? Как выглядит ваша модель представления? Что вы хотите проверить?   -  person nemesv    schedule 26.08.2013
comment
Я не понимаю, как использовать этот плагин, потому что у меня нет элемента form в моей разметке.   -  person Ancient    schedule 26.08.2013
comment
Тогда почему бы тебе не превратить fieldset в form?   -  person nemesv    schedule 26.08.2013
comment
Да, я знаю, что это может сработать, если я оберну набор полей в форму, но есть ли другой способ сделать это без формы?   -  person Ancient    schedule 26.08.2013

Ответы (2)


arrow_upward
0
arrow_downward

Наконец-то получил решение в демо , оберните набор полей в div

<div id="formID">
<fieldset>
// all input elements here 
</fieldset>
</div>

В JS

  $(document).ready(function () {
        $("#formID").validationEngine();
        $(".submit").click(function () {
            $("#formID").validationEngine('validate');
        })
    });
person Ancient    schedule 26.08.2013

arrow_upward
0
arrow_downward

Прежде всего, я настоятельно рекомендую вам прочитать документацию, чтобы лучше понять, как для реализации проверки.

Это рабочая демонстрация для проверки вашей формы.

Например, чтобы ваш ввод требовал всего, что вам нужно использовать, это

<input type="text" id="name" class="validate[required]" />

Чтобы сделать ваш ввод действительным адресом электронной почты:

<input type="text" id="email" class="validate[required,custom[email]]" />
person ebram khalil    schedule 26.08.2013