如何在Contact Form 7中将文件上传设置为“必填”？
如何在Contact Form 7中将文件上传设置为“必填”？
提问于 2018-06-30 14:12:16
我在我的Wordpress网站上有一个联系表单7，我已经指定文件上传是强制性的，通过放置一个*，但是用户可以在没有文件上传的情况下提交表单。
有关的联络表格7表格如下：
<div class="filelink">[file* AddanImage filetypes:gif|png|jpg|jpeg]</div>如何编写Contact Form7代码或添加验证，以便用户在不上传图像的情况下无法提交表单？
任何提示/帮助/指导都是非常感谢的。
回答 1
Stack Overflow用户
发布于 2018-07-01 19:21:10
您可以使用JavaScript检查文件的值是否存在。
const form = document.querySelector('form'),
span = document.createElement("span"),
text = document.createTextNode("Please upload a file: "),
parent = document.getElementById("file").parentNode,
file = document.getElementById('file');
form.addEventListener('submit', (e) => {
if (file.value === '') {
e.preventDefault();
parent.insertBefore(span, file);
span.appendChild(text);
}
});<form>
<input type="file" name="file" id="file"><br>
<input type="submit" value="Upload the file">
</form>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51112245
复制相关文章
相似问题
腾讯云开发者
