【发布时间】: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