【问题标题】:Bootstrap-validator not displaying errors引导验证器不显示错误
【发布时间】:2015-08-23 16:43:33
【问题描述】:

我有以下表格,我想使用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 来生成这个表单)

【问题讨论】:

  • 使用
    但不是 'from-group'
  • 因为它使用标准的 Bootstrap 类来验证表单元素,所以不要忘记使用默认的 Bootstrap 表单结构,包括“form-group”和“form-control”等类。

标签: javascript jquery twitter-bootstrap bootstrapvalidator


【解决方案1】:
  1. 将类 from-group 更新为 form-group
  2. 通过以下代码初始化 bootstrapValidator 实例。

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

【讨论】:

  • 我不知道我怎么没看到这个。我大概是个盲人。哈哈哈谢谢。
  • 因为它使用标准的 Bootstrap 类来验证表单元素,所以不要忘记使用默认的 Bootstrap 表单结构,包括“form-group”和“form-control”等类。
猜你喜欢
相关资源
最近更新 更多
热门标签