由jQuery填充的值在请求正文中未定义

Question

我正在创建一个简单的快递应用程序，我有一个如下表单：

form(action="/user/add" method="POST")
    input(type="text" id="name" name="name" disabled)
    input(type="email" id="email" name="email")
    input(type="submit" value="submit")

name字段需要用jQuery填充，不能更改，所以这就是它的样子（它是在bootstrap模式中）。

a(href="#" data-toggle="modal" data-target="#modal" data-name= valuefromdb)

$("#modal").on("show.bs.modal", function (event) {
  var button = $(event.relatedTarget);
  var name = button.data("name");
  var modal = $(this);

  modal.find(".modal-title").text("Edit person" + name);
  modal.find(".modal-body input#name").val(name);
});

这样可以正常工作并使用正确的名称填充输入。但是，当我尝试提交它并获取路径中的值时，我得到了未定义的名称值，但电子邮件通过很好，因为它是用户填充的。

router.post("/add", function (req, res, next) {
    let person = {
        name: req.body.name,
        email: req.body.email
    };

    console.log(person);
});

哪个输出：

{ name: undefined,
  email: 'person@mail.com' }