Question

我有以下代码，我正在尝试将表单中的数据提交到后端。每当我按下按钮时它都没有做任何事情，它应该路由到指定的地方。我看了几个例子，但仍然没有奏效。以下是我的表格。有什么建议吗？

<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-4 text-center">
            <h1>Sign Up</h1>
            <form action ="/adduser" method="POST" id="adduser">
                <fieldset class="form-group">
                    <label for="InputUsername"> Username </label>
                    <input type="text" class="form-control" name="username" id="InputUsername" placeholder="Enter username">
                </fieldset>
                <fieldset class="form-group">
                    <label for="exampleInputEmail1">Email address</label>
                    <input type="email" class="form-control" name="email"id="exampleInputEmail1" placeholder="Enter email">
                    <small class="text-muted">We'll never share your email with anyone else.</small>
                  </fieldset>
                  <fieldset class="form-group">
                    <label for="exampleInputPassword1">Password</label>
                    <input type="password" class="form-control" name="password"id="exampleInputPassword1" placeholder="Password">
                </fieldset>
                <button class="btn btn-default" form="signup" type="submit">Sign up</button>
            </form>

        </div>
    </dv>
</div>

这是我的路线

@app.route('/adduser', methods=["POST"])
def adduser():
    print(request.form, file=sys.stderr)
    username = request.form['username']
    password = request.form['password']
    email = request.form['email']

    models.User.create_user(email, password, username)
    login_user(user)
    return redirect_url('index.html')

Answer 1

您的按钮的form属性为signup，但您的表单的id为adduser，因此该按钮不属于该表单。尝试更改这些值以匹配。

Bootstrap提交按钮不起作用

1 个答案: