如何在 filepond vue 上添加所需的验证?

Posted

技术标签:

【中文标题】如何在 filepond vue 上添加所需的验证?【英文标题】:How can I add required validation on filepond vue? 【发布时间】:2020-05-29 20:28:43 【问题描述】:

我阅读了这个文档:https://github.com/pqina/vue-filepond

我尝试这样添加:

<FilePond 
    allowMultiple="true"
    accepted-file-types="image/jpg, image/jpeg, application/pdf"
    maxFileSize="2MB"
    required="true"/>

多个,验证文件类型,最大文件有效

但是,required 不起作用

我该如何解决这个问题?

【问题讨论】:

【参考方案1】:

使用v-bind:required 道具有效:

<form method="post" action="">
    <file-pond v-bind:required="true"/>
    <button type="submit">submit</button>
</form>

相关 GitHub 问题:https://github.com/pqina/vue-filepond/issues/138

【讨论】:

以上是关于如何在 filepond vue 上添加所需的验证?的主要内容,如果未能解决你的问题,请参考以下文章

Vue:如何在 CI 平台上找出构建引擎所需的依赖项?

最佳文件上传组件 —— filepond

在国家代码下拉列表中添加所需的验证 [ intl-tel-input jquery plugin ]

验证 .validate() 规则 jquery 函数上所需的单选按钮

Laravel:当我添加所需的规则时,FormRequest 验证失败

jquery 验证插件:验证隐藏输入,跳过所需的输入文本