【问题标题】:formvalidation validate only if there is file uploadedformvalidation 仅在有文件上传时验证
【发布时间】:2015-07-14 07:00:51
【问题描述】:

嗨,我正在使用这个插件formvalidation,我是新手,我有一个文件上传表单,我想检查是否有文件正在上传,如果有,我将验证它是否接受(jpeg ,png,gif)。如果没有,我将不验证。

<form id="myform">
  <div class="form-group">
    <label for="fname">First Name</label>
    <input type="text" class="form-control" id="name" name="fname" placeholder="Name">
  </div>
  <div class="form-group">
    <label for="pic">Upload here</label>
    <input type="file" id="pic">

  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

提前谢谢你。

【问题讨论】:

  • 所以,你说你想检查选择的文件是 jpeg、png 还是 gif。那么,以下解决方案有什么问题?或许,我没听懂你的意思。
  • 我的意思是如果有文件上传,验证将启用如果没有文件没有验证。
  • 我知道我道歉了。即使没有上传文件,我仍然可以提交。
  • 没关系。我很高兴,它对你有用。 :)

标签: jquery formvalidation-plugin


【解决方案1】:

FormValidator 需要 data-fv-file-type 选项。

允许的 MIME 类型,以逗号分隔。 例如:设置image/jpeg,image/png,application/pdf只允许上传JPEG、PNG图片和PDF文件。

data-fv-file-type="image/jpeg,image/png,application/gif" 一样使用它来在上传时验证文件扩展名。

另外,记得通过设置data-fv-file="true"来启用验证器

示例

<input type="file" class="form-control" name="avatar"
            data-fv-file="true"
            data-fv-file-extension="jpeg,png"
            data-fv-file-type="image/jpeg,image/png"
            data-fv-file-maxsize="2097152"
            data-fv-file-message="The selected file is not valid" />

【讨论】:

  • 请问什么是“2097152”是这个kb吗?
  • @jemz 这是字节。如果不需要,可以删除该属性。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-31
  • 2015-02-25
相关资源
最近更新 更多