disable submit button once it has been clicked but stuck in sending

Asked Apr 07 '23 at 17:31

Active Apr 07 '23 at 17:45

Viewed 34 times

But no answer works for me.

if I use:

onClick="this.form.submit(); this.disabled=true; this.value='Sending…'; "

code:

{{ comment_form.submit(class_="btn btn-primary",onClick="this.form.submit(); this.disabled=true; this.value='Sending…'; ") }}

There will still be duplicated submits ,the submit has not been disabled

if I use:

onClick="this.disabled=true; this.value='Sending…';"

code:

    {{comment_form.submit(class_="btn btn-primary",onClick="this.disabled=true; this.value='Sending…';") }}
  </div>

It will stuck at 'Sending...',and no submit happen.

edited Apr 07 '23 at 17:45

asked Apr 07 '23 at 17:31

William

You should update your code and leave inline javascript, the referenced question has 13yo – Leandro Bardelli Apr 07 '23 at 17:36
You need to add a delay when setting disabled so the form will submit. – epascarello Apr 07 '23 at 17:45
const btn = this; window.setTimeout(()=>btn.disabled = true, 1); – epascarello Apr 07 '23 at 17:48
@epascarello Thank you for your reply ,can you give me an example ,how to add a depay inline ,thanks. – William Apr 07 '23 at 17:48
@epascarello can you write it as an answer I want to check it ,it works ,thanks! – William Apr 07 '23 at 17:52

0 Answers0