jquery

Question

我有两个不同的表单，在提交带有 #orchestrationForm 的表单时，我想查看带有 #blah 的表单中的 filePaths 文本框是否为空。如何在 jquery 中执行此操作？

我的HTML和jquery如下：

<form id="blah"></form>
<form method="POST" action="/api/wand" enctype="multipart/form-data" id="orchestrationForm">
  <section id="data-files">
    <input type="text" class="form-control" name="filePaths" form="blah" />
  </section>
</form>

$("#orchestrationForm").on("submit", function() {
  var noFiles = false;
  $("[name='filePaths']", this).each(function() {
    if (!$(this).val()) {
      noFiles = true;
    }
  });
  if (noFiles) {
    alert("Upload atleast one file");
  }
  return false;
});

在提交编排表单时，我正在按名称属性搜索 filePaths，如果它们为空，则会显示一个警告框。问题是，即使 filePaths 文本框不为空，noFiles 的计算结果为 true 并显示警告框。我的 jquery 怎么了？

Answer 1

不清楚您在做什么，但我怀疑您正在构建表单以上传多个文件。我创建了一个工作示例：https://jsfiddle.net/Twisty/p75tzcvj/

HTML

<form id="blah">
  <h2>
  Form 1
  </h2>
</form>
<form method="POST" action="/api/wand" enctype="multipart/form-data" id="orchestrationForm">
  <h2>
  Form 2
  </h2>
  <section id="data-files">
    <input type="text" class="form-control" name="filePaths" form="blah" />
  </section>
  <button type="submit">Upload</button>
</form>

JQuery

$(document).ready(function() {
  $("#orchestrationForm").on("submit", function() {
    var noFiles = false;
    $("input[name='filePaths']", this).each(function() {
      if ($(this).val() === "") {
        noFiles = true;
      }
    });
    if (noFiles) {
      alert("Upload atleast one file");
    }
    return false;
  });
});

如果该字段为空，则显示警报。 !$(this).val() 在这两种情况下都等于 true。使用$(this).val() === ""这样当它不为空时就会returnfalse。在我的示例中，空字段提供警报，non-empty 字段不会提供警报，但由于 return false，表单失败。

jquery - 页面中的多个表单 - 检查与提交表单不同的空白字段

jquery - multiple forms in a page - check for empty field in a different form from the one submitted

forms

http-post