Question

我正在使用bootrap验证器库：http://1000hz.github.io/bootstrap-validator/

我有一个表单，其中包含文件的模态/ ajax上传，其结果是使用mediaId更新隐藏字段。这意味着在用户完成上传文件后，我的JS代码将输入字段mediaId设置为一些id。

我需要确保用户上传了一张图片，所以我将隐藏字段添加到了以下内容：

<div class="form-group">
    <input id="mediaId" name="mediaId" required="true" type="hidden" value=""/>
    <div class="help-block with-errors"></div>
</div>

但遗憾的是，没有显示错误消息，用户可以提交表单。怎么办？

Answer 1

您可以在字段中添加data-validate="true"。

从文档（http://1000hz.github.io/bootstrap-validator/#validator-fields）：

用于确定验证哪些字段的默认选择器是：

$.fn.validator.Constructor.INPUT_SELECTOR = ':input:not([type="hidden"], [type="submit"], [type="reset"], button)'

如果需要更改此默认行为，可以在代码中覆盖此值。或者，您可以将data-validate="true" / data-validate="false"添加到特定输入，以强制将其包含/排除在验证字段集中。

Answer 2

bootstrapvalidator
excluded

表示不会被验证的字段。默认情况下，插件不会验证以下类型的字段：禁用隐藏的隐形

具有所需隐藏输入字段的Bootstrap验证器

2 个答案: