Jquery验证引擎用于文件上传验证时，我使用了Jquery引导文件上传

jquery validation engine for file upload validation when i used jasny bootstrap file upload

本文关键字：Jquery 文件 验证 引擎 用于      更新时间：2023-09-26

我使用的是jQuery验证引擎插件。

我有一个插件，隐藏输入type="file"，并将其替换为一个按钮。

这个可以正常工作，如果没有文件被选中，那么jquery验证引擎不显示弹出消息，它是提交成功。

我的问题是，没有弹出窗口显示，不验证文件上传字段时，字段为空。

这是我的硬编码html:

<div class="fileupload fileupload-new" data-provides="fileupload" id="question_choice_image" style="display:none;">
<div class="fileupload-preview thumbnail"   id="question_choice_image" style="width: 70px; height: 30px;"></div>
<div >
<span class="btn btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file" data-validation-engine="validate[required]"  data-errormessage-value-missing="Question is required!"  name="question_choice_img" /></span>
<a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>

结构就这样了，我可以验证文件上传文件。

不要用"display:none;"尝试使它可见，但移动它的边距类似:-9999px....我的解决方案是:我将其设置为绝对高度:0px;宽度:0 px;行高:0 px;字体大小:0 px;并将其放置在父容器的左上角，我得到了我所有的警报;)

技巧是不要"隐藏"原始输入字段，因为警报不会在显示时触发:none字段…希望对大家有所帮助....

相关文章：