Question

我正在使用pos-absolute的jQuery验证引擎插件。

我有一个隐藏输入类型=“文件”的插件，并用一个按钮替换它。

这样可以正常工作，如果没有选择文件然后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>

所以结构就在那里，所以我可以验证文件上传文件。

Answer 1

而不是将其隐藏在术语“display：none;”中试着让它可见，但将它的边距移动到类似的东西：-9999px .... 我的解决方案是：我设置它绝对和高度：0px;宽度：0px; line-height：0px;字体大小：0像素; 并将其置于父容器的左上角，我收到所有警报;）

Trick不会“隐藏”原始输入字段，因为警告不是显示的triggerend：none字段...希望它有帮助....

当我使用jasny bootstrap文件上传时，jquery验证引擎用于文件上载验证

1 个答案: