javascript - 如何使用 HTML 按钮标签发送 HTML 表单 POST 请求？

Question

截至目前，我有一个用户输入结构，用户在其中提供他们的用户名/密码，然后单击“登录”或“注册”，然后使用该信息结束发布请求。

<form action="{% url 'users:login' %}" method = "post">
    Username: <input type="text" name="username"><br>
    Password: <input type="password" name="passwd"><br>
    <input type="submit" name="login" value="Log In">
    <input type="submit" name="adduser" value="Add User">
</form>

我想要的是用标签替换两个提交按钮，即:

<form class="control-group" action="{% url 'users:login' %}" method = "post">
     <input type="text" placeholder="Username" name="username">
     <input type="password" placeholder="Password" name="passwd">
     <button class="button-style">Login</button>
     <button class="button-style">Register</button>
 </form>

但我不确定如何发送带有正确信息(用户名、密码、类型(登录或注册))的表单的 POST 请求，就像我在第一个示例中所做的那样。

Answer 1

您可以使用一点 javascript。

这是你必须做的:

• 在每个按钮上注册一个触发器
• 在触发器中:
  • 更改操作 url
  • 发送表格

您还应该在表单验证时注册一个触发器，并调用之前定义的两个触发器之一。