Sending input names in Django form having javascript code

Question

I have the following code:

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

When either one of this two buttons are submitted I receive "bnext" or "bprevious" values in Django View request.POST so I can further construct the logic that I need.

But when I'm trying to insert some javascript for the second button I loose those values:

<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();
}

There is a way to do this and still receiving input names values ?

Ritesh Khandekar · Accepted Answer · 2019-10-28 07:16:30Z

1

Sorry I didn't fully understood that what you are trying to do

If you are trying to stop form submission then:

function disable() {

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

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

If you want that client should not click previous button again then, it is best to change inputType submit to hidden:

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

Or

create new <input type=hidden>, set name values ,append to form and submit it:

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();
 }

answered Oct 28, 2019 at 7:16

Ritesh Khandekar

4,0153 gold badges17 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

cristian Over a year ago

Thanks @Rk003. This was exactly what I was looking for:

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

dhentris · Accepted Answer · 2019-10-28 05:58:15Z

0

try to use button instead input like this

<button name="bprevious" id='bpid' onclick='disable()' value="Previous Page">Previous Page</button>

answered Oct 28, 2019 at 5:58

dhentris

1981 gold badge2 silver badges11 bronze badges

3 Comments

cristian Over a year ago

Same thing happens when I'm using button tag: I'm not receiving any values in the request.POST as I do without the javascript.

dhentris Over a year ago

have you set the value in the button tag?

cristian Over a year ago

Did but still ...the same.

Collectives™ on Stack Overflow

Sending input names in Django form having javascript code

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related