我的 Jade 模板按钮不会提交。有任何想法吗？答案

【问题标题】：My Jade template button won't submit. Any ideas?我的 Jade 模板按钮不会提交。有任何想法吗？
【发布时间】：2015-11-14 02:54:13
【问题描述】：

我是一个节点菜鸟，我正在按照教程尝试构建我的第一个应用程序。出于某种原因，我的按钮根本没有做任何事情。我什至没有收到 404 错误（我认为这意味着 post 方法至少可以正常工作）。

这是我的玉文件。 'newuser.jade'

extends layout

block content
  h1= title
  form#formAddUser( name="adduser",method="post",action="/adduser")
  input#inputUserName(type="text",placeholder="username",name="username")
  input#inputUserEmail(type="text",placeholder="useremail",name="useremail")
  button#btnSubmit(type="submit") submit

js 文件：'index.js'

/* POST to Add User Service */
router.post('/adduser', function(req, res) {

    // Set our internal DB variable
    var db = req.db;

    // Get our form values. These rely on the "name" attributes
    var userName = req.body.username;
    var userEmail = req.body.useremail;

    // Set our collection
    var collection = db.get('usercollection');

    // Submit to the DB
    collection.insert({
        "username" : userName,
        "email" : userEmail
    }, function (err, doc) {
        if (err) {
            // If it failed, return error
            res.send("There was a problem adding the information to the database.");
        }
        else {
            // And forward to success page
            res.redirect("userlist");
        }
    });
});

【问题讨论】：

命令行输出是什么？
你收到了什么错误信息？

标签： javascript node.js express pug

【解决方案1】：

form 之后需要增加缩进级别，否则输入和按钮不会嵌套在<form>...</form> 标签内：

form#formAddUser( name="adduser",method="post",action="/adduser")
  input#inputUserName(type="text",placeholder="username",name="username")
  input#inputUserEmail(type="text",placeholder="useremail",name="useremail")
  button#btnSubmit(type="submit") submit

【讨论】：

做到了。谢谢！