javascript - 以具有javascript代码的Django形式发送输入名称

Question

我有以下代码:

<form id="buttonForm" action = "/goSomeWhere" method="post" >
    <input type="submit" name="bnext" value="Next Page" >
    <input type="submit" name="bprevious" value="Previous Page" >
</form>

当提交这两个按钮中的任何一个时，我在 Django View request.POST 中收到“bnext”或“bprevious”值，因此我可以进一步构建我需要的逻辑。

但是当我尝试为第二个按钮插入一些 javascript 时，我丢失了这些值:

<input type="submit" name="bnext" value="Next Page" >
<input type="submit" name="bprevious" id="bpid" onclick="disable()" value="Previous Page" >

function disable()
{
     document.getElementById("bpid").disabled = true;
     document.getElementById("buttonForm").submit();
}

有一种方法可以做到这一点并且仍然接收输入的名称值吗？

Answer 1

抱歉，我没有完全理解你想要做什么

如果您试图停止提交表单，那么:

function disable() {

   document.getElementById("bpid").disabled = true;

   document.getElementById("buttonForm").preventDefault();
 }

如果您希望客户端不应该再次单击上一个按钮，最好更改 inputType submit至 hidden :

function disable() {
    document.getElementById("bpid").type="hidden";
    document.getElementById("buttonForm").submit();
 }

或者

新建<input type=hidden> ，设置名称值，附加到表单并提交:

function disable() {
   document.getElementById("bpid"). disabled=true;
   newip= document.createElement("input");
   newip.type="hidden";
   newip.name="bprevious";
   newip.value="Previous Page";

document.getElementById("buttonForm").appendChild(newip);


document.getElementById("buttonForm").submit();
 }