【问题标题】:Bootstrap Validator Input Issue引导验证器输入问题
【发布时间】:2016-10-06 04:22:51
【问题描述】:

我正在尝试使用 Bootstrap Validator 来验证两个输入的数据:一个文本区域和一个日期选择器,所以这是我的页面代码:

<form name="Form">  
    <label><input type="radio" value="1" id="Rtipo-1-1"  required>Peticion</label>
    <label><input type="radio" value="4" id="Rtipo-1-2" required>Reclamo</label>
    <select class="form-control" id="Lista">
        <option value="0" >Opcion 1</option>
    </select>
    <select class="form-control" id="Lugar">
        <option value="0">Opcion 2</option>
    </select>
    <textarea placeholder="Descripcion del motivo" class="form-control" name="text"></textarea>
    <div class="input-group date" data-provide="datepicker" data-date-format="yyyy/mm/dd" data-date-end-date="0d">
        <input type="text" class="form-control">
        <div class="form-group">
            <div class="col-md-9 col-md-offset-3">
            <div id="messages"></div>
        </div>
    </div>
</form>
<button class="btn btn-primary"  type="button" onClick="Fin()">Guardar</button>

然后我有我的 JavaScript 文件来验证输入

$(document).ready(function() {
    $('#Form').bootstrapValidator({
        container: '#messages',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            text: {
                validators: {
                    notEmpty: {
                        message: 'The full name is required and cannot be empty'
                    }
                }
            }
        }
    });
});

我通过单击按钮完成我的练习,它不会验证 textarea 是否为空。

所以,我用文本区域 (name="text") 尝试了验证器,但它不起作用,我不知道为什么。

我没有验证的想法,因为我之前尝试过使用 HTML5“必需”的属性,但它不起作用,这就是我阅读并尝试使用引导验证器的原因。

我希望你能帮助我的错误或我的代码错误,感谢您的时间和关注。

PD:在我的页面上导入了相应的工具(bootstrap js 和 css、jquery、bootstrap 验证器 js 和 css),我用一个较小的页面对它们进行了测试以查看它是如何工作的,它运行良好,但它没有t 在这种情况下。我的指南示例就是这个

http://www.dotnetcurry.com/jquery/1168/validate-form-jquery-bootstrap-validator

【问题讨论】:

  • 任何控制台错误?
  • 不,它假设验证器给我一条消息来填写空白字段,但它只是保存信息。
  • 您在控制台中是否有任何错误?
  • 无控制台错误
  • 如何触发表单提交?

标签: javascript jquery twitter-bootstrap validation


【解决方案1】:

如果 &lt;button type='button'&gt; 是您的提交,则您的提交超出了您的 &lt;form&gt; 标记。

如果是,什么是fin(),为什么不是&lt;button type='submit'&gt;

验证器也应该由侦听器或在提交时调用。

【讨论】:

  • 嗯,是的,你是对的,我会试试看,如果有效,稍后再告诉你。谢谢:)
  • 你是对的,你的解决方案对我来说是最好的,非常感谢。
  • 没问题,乐于助人:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-27
  • 1970-01-01
  • 1970-01-01
  • 2018-07-31
  • 1970-01-01
相关资源
最近更新 更多