Question

我在Wordpress网站上有一个Contact Form 7表单，并且我已经指定必须通过放置*来强制上载文件，但是用户可以在不上载文件的情况下提交表单。

有关联系表7的表格如下：

<div class="filelink">[file* AddanImage filetypes:gif|png|jpg|jpeg]</div>

我该如何编写Contact Form 7代码或添加验证，以使用户无法在不上传图像的情况下提交表单？

高度赞赏任何提示/帮助/指导。

Answer 1

您可以使用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>

如何在联系表7中将文件上传设置为“必需”？

1 个答案: