【问题标题】:How to make jquery validation engine work at bootstrap如何使 jquery 验证引擎在引导程序中工作
【发布时间】:2014-12-16 20:16:06
【问题描述】:

我正在尝试在我的引导页面上使用 this plugin。这将非常简单。如果字段为empty,只需显示一条消息。但是,我不能让它工作!我不明白为什么,它不起作用。 Here is the fiddle.

【问题讨论】:

  • 这似乎不是引导程序的问题,我试图更改您的代码以删除所有引导程序相关的东西,但它也不起作用。所以还有其他问题。

标签: jquery twitter-bootstrap-3 jquery-validation-engine


【解决方案1】:

首先您需要加载正确的语言环境,然后您必须在提交按钮上包含一种验证表单的方法。

检查这个小提琴:http://jsfiddle.net/v5v2x7u7/

<form role="form" id="formID">
    <div class="form-group validation-content">
        <label>Name</label>
        <input value="" class="form-control validate[required]" type="text" name="name" id="name" />
    </div>
    <div class="form-group validation-content">
        <label>Email</label>
        <input value="" class="form-control validate[required,custom[email]]" type="text" name="email" id="email" />
    </div>
    <div class="form-group validation-content">
        <label>Message</label>
        <textarea value="" class="form-control validate[required]" name="message" id="message"></textarea>
    </div>
    <button type="button" class="btn btn-primary" onclick="validate();">Submit</button>
</form>

validate = function(){
    $("#formID").validationEngine('validate');
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多