Question

我尝试使用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是否为空。

所以，我尝试了带有文本区域的验证器（名称=＆＃34;文字＆＃34;）但它不起作用，我不知道为什么。

我没有用于验证的想法，因为我之前尝试过HTML5的属性＆＃34;要求＆＃34;但它不起作用，这就是我阅读并尝试使用bootstrap验证器的原因。

我希望你能解释我的错误或代码错误，谢谢你的时间和关注。

PD：各个工具（bootstrap js和css，jquery，bootstrap验证器js和css）都在我的页面上导入，我用一个较小的页面对它们进行测试，看看它是如何工作的，并且它很好，但它并没有＃ 39;关于这个案子。我的指导示例就是这个

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

Answer 1

如果您提交了<form>，则您的提交不在<button type='button'>标记之内。

如果是，fin()是什么，为什么不是<button type='submit'>

验证者也应该由听众或提交来调用。

Bootstrap验证器输入问题

1 个答案: