javascript 相关问题

我正在尝试使用 javascript 提交我的表单，但它向我发送 GET 在后端。虽然我希望收到 POST 请求 html文件 {% 我正在尝试使用 javascript 提交我的表单，但它发送给我 GET 在后端。虽然我希望收到POST请求 html 文件 <form id="my_form" method="post"> {% csrf_token %} {{form.as_p}} <input type="number" name="conf" > <a onclick="document.getElementById('my_form').submit();" href="{% url 'signup' 0 %}">ارسال کد</a> <br><br> <button type="submit">ثبت نام</button> </form> 控制台日志 "GET /signup/0 HTTP/1.1" 200 1531 我期望的输出 "POST /signup/0 HTTP/1.1" 200 我相信您的问题是以下几行 <a onclick="document.getElementById('my_form').submit();" href="{% url 'signup' 0 %}">Send Code</a> 因为它是一个链接，所以浏览器将处理它的点击。您需要将 return false; 添加到点击处理程序中以停止浏览器跟随链接，或者添加 event.preventDefault()。也许值得一提的是，href属性此时不会执行任何操作。除了使 <a> 成为真正的链接、可聚焦且可以激活之外。 <a onclick="document.getElementById('my_form').submit(); return false;" href="{% url 'signup' 0 %}">Send Code</a> 从同一个表单采取不同的操作但无论如何，按钮会更合适，因为您也在提交表单。您的 href 属性和链接文本让您看起来似乎仍想提交表单，但在单击“发送代码”时采取不同的操作。为此，HTML 建议使用多个具有不同名称的提交按钮，以便在服务器上进行区分。或者您可以将 formaction 属性添加到按钮以将表单发送到不同的 URL。 <form id="my_form" method="post"> {% csrf_token %} {{form.as_p}} <label for="conf">Code</label> <input type="text" id="conf" name="conf" inputmode="numeric" pattern="\d+"> <button type="submit" name="send_code">Send Code</button> OR <button type="submit" formaction="{% url 'signup' 0 %}">Send Code</button> <br><br> <button type="submit" name="submit">Login</button> </form> 另请注意，我在代码字段中添加了一个标签，因为每个输入都需要一个标签。我更改了代码的输入类型，因为 type="number" 不是代码的正确输入类型。以下内容将确保优化屏幕键盘以输入数字并提供一些提示以提高可用性。 <label for="conf">Code</label> <input type="text" id="conf" name="conf" inputmode="numeric" pattern="\d+" size="6" placeholder="123456"> 您可以对标签 A 上的点击属性使用函数因为首先单击标签，您会执行标签中的 href 的默认操作。如果您不添加 preventDefault()，则默认操作后 onclick 将不会触发如果您想将表单发送到您的注册网址，您需要将其添加到表单标签中： <form id="my_form" method="post" action="{% url 'signup' 0 %}"> {% csrf_token %} {{form.as_p}} <input type="number" name="conf" > <br><br> <button type="submit">ثبت نام</button>

javascript python html django django-templates

回答 3 投票 0

视差元素 - 仅在 x 方向使用 javascript

我正在尝试重新创建此视差功能，其中 x 位置根据鼠标移动在两层之间变化。我不确定哪个元素，如果它是鼠标应该跟踪的部分，并且......

javascript parallax

回答 2 投票 0

使用toString()时如何格式化函数体

假设我从缩小的 JavaScript 文件中获得了这个函数：函数 fn(){console.log('Lorem');console.log('Ipsum');} 我想在致电时获得漂亮的打印缩进版本：合作...

javascript formatting google-chrome-devtools firebug console.log

回答 3 投票 0

如何修复 data-bs-target bootstrap 版本 5 不起作用？

我试图单击按钮选项卡并允许它打开我的内容，但它不起作用。我似乎有正确的代码，但它仍然无法正常工作。我希望它能够在我...