1

我在我的项目中使用引导程序和淘汰赛。之前我使用的是淘汰赛验证，但现在我必须使用带有淘汰赛视图模型和引导 html 的 jquery 验证引擎。假设这是我的 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 验证引擎插件感到困惑。

4

2 回答 2

0

终于在演示中得到了解决方案，将字段集包装成一个 div

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

在JS中

  $(document).ready(function () {
        $("#formID").validationEngine();
        $(".submit").click(function () {
            $("#formID").validationEngine('validate');
        })
    });
于 2013-08-26T09:37:06.147 回答
0

首先，我强烈建议您阅读文档，以便更好地了解如何实现验证。

这是验证您的表单的工作演示。

例如，要使您的输入成为必需的，您需要使用的是

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

要使您的输入有效电子邮件：

<input type="text" id="email" class="validate[required,custom[email]]" />
于 2013-08-26T09:37:35.907 回答