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

Question

我是节点菜鸟，正在按照教程尝试构建我的第一个应用程序。出于某种原因，我的按钮根本没有做任何事情。我什至没有收到 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");
        }
    });
});

Answer 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

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

My Jade template button won't submit. Any ideas?

javascript

node.js

express

pug