javascript - Bootstrap-validator 不显示错误

标签 javascript jquery twitter-bootstrap bootstrapvalidator

我有以下表单,我想使用 bootstrap-validator :

<form method="POST" action="http://localhost:8000/register/researcher" accept-charset="UTF-8" data-toggle="validator" novalidate="true">
    <input name="_token" type="hidden" value="v5VF4sgb0zOrxzAihpEhkezccUWHPpXO5CnnmIK7">
<div class="from-group">
    <input class="form-control" placeholder="Nome" required="required" name="name" type="text">
</div>
<br>
<div class="from-group">
    <input class="form-control" placeholder="Email" data-error="O email inserido é inválido." required="required" name="email" type="email">
    <div class="help-block with-errors"></div>
</div>
<br>
<div class="from-group">
    <input class="form-control" placeholder="Senha" data-minlength="6" id="inputPass" required="required" name="password" type="password" value="">
    <span class="help-block">Senha de no mínimo 6 caracteres</span>
</div>
<br>
<div class="from-group">
    <input class="form-control" placeholder="Confirmar senha" data-match="#inputPass" data-match-error="Senhas inseridas são diferentes" required="required" name="password_confirmation" type="password" value="">
    <div class="help-block with-errors"></div>
</div>
<br>
<div class="from-group">
    <input class="form-control" placeholder="CPF" required="required" name="cpf" type="text">
</div>
<br>
<div class="text-center">
    <input class="btn btn-primary disabled" type="submit" value="Enviar">
</div>                </form>

我正在导入 validator.js 并且它正在工作(它禁用了提交按钮),但是当我测试表单时没有显示错误。你能帮我找出哪里做错了吗?

(另外:我正在使用 laravel HTML Form Facades 生成此表单)

最佳答案

  1. 将类 from-group 更新为 form-group
  2. 通过以下代码初始化 bootstrapValidator 实例。

    $(function () {
        $("#your form id").bootstrapValidator();
    );
    

关于javascript - Bootstrap-validator 不显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32169018/

相关文章:

php - 固定列布局 bootstrap 3

html - 面板标题中的 bootstrap 3 按钮组未居中

javascript - 拉力赛应用程序 SDK 2.0 : Cannot filter by dates

javascript - 如何让这些 html 元素正确定位和交错?

Javascript 函数未在 document.ready jquery 代码中定义

javascript - 在 Brackets.io 中安装和使用 JQuery (mac)

jquery - 使用 jquery 获取跨度内的文本

javascript - Bootstrap 左边两行,右边一行

javascript - 如何从 MVC4 链接调用 Javascript 方法(错误 JavaScript 运行时错误 : Object doesn't support this action)

javascript - underscore.js 模板中的变量