表单验证仍然提交空表单

Question

我有一个表单供用户填写每个字段。情况是，我有一个输入字段，用户将在操作中涉及的人的姓名中键入，并且名称将列在textarea中。我在textarea使用“required”和“disabled”，因为我需要捕获用户从输入字段插入的数据。但是，当我尝试提交一个空表单时，它仍然会向数据库发送空值。

<form name="prereport" action="insert_operation.php" method="POST">
  <div class="container">
    <div class="container-fluid">
      <input name="inputtitle" type="text" class="form-control" placeholder="Insert Operation Title" required>
      <br>
      <div class="input-group">
        <input name="inputname" type="text" class="form-control" placeholder="Insert Name of Person Going">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button" onclick="addtext();">Add +</button>
        </span>
      </div>
      <br>
      <div class="output-group">
        <label for="comment">List of Person Going</label>
        <textarea name="outputname" class="form-control" rows="5" id="comment" required required></textarea>
      </div>
      <br>
      <div class="input-group">
        <input name="inputequip" type="text" class="form-control" placeholder="Insert Equipment to Bring for Operation">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button" onclick="addequip();">Add +</button>
        </span>
      </div>
      <br>
      <div class="output-group">
        <label for="comment">List of equipments for operation</label>
        <textarea name="outputequip" class="form-control" rows="5" id="comment" required disabled></textarea>
      </div>
      <br>
      <br>
      <center>
        <button type="submit" class="btn btn-warning" id="check">Add</button>
      </center>
    </div>
  </div>
</form>

表单图片：

Answer 1

当一个字段的属性“已禁用”时，Quentin试图说的是该字段，该字段不会随表单发送一样。

尝试使用“readonly”而不是“disabled”。

  

主要差异

     

已禁用属性

     

禁用的表单元素的值不会传递给处理器   方法。 W3C称这是一个成功的元素。（这类似于   表单未选中的复选框。）某些浏览器可能会覆盖或   为禁用的表单元素提供默认样式。 （灰色或   emboss text）Internet Explorer 5.5对此特别讨厌。   禁用的表单元素不会获得焦点。禁用表单元素   在标签导航中被跳过。

     

只读属性

     

并非所有表单元素都具有只读属性。最值得注意的是，    ，和元素没有readonly   属性（虽然你的两个都有禁用属性）浏览器   不提供表单元素的默认重写视觉反馈   只读。 （这可能是一个问题......见下文。）表格元素与   readonly属性集将传递给表单处理器。读   只有表单元素才能获得焦点只读表单元素   包含在选项卡式导航中。