HTML – How to do a Confirmation popup to a Submit button and then send the request?

by

The most compact version:

<input type="submit" onclick="return confirm('Are you sure?')" />

The key thing to note is the return

–

Because there are many ways to skin a cat, here is another alternate method:

HTML:

<input type="submit" onclick="clicked(event)" />

Javascript:

<script>
function clicked(e)
{
    if(!confirm('Are you sure?')) {
        e.preventDefault();
    }
}
</script>

More Related Contents:

  1. Two submit buttons in one form
  2. Submitting a form by pressing enter without a submit button
  3. Use a normal link to submit a form
  4. How to allow only one radio button to be checked?
  5. Embed YouTube video – Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’ [duplicate]
  6. Multiple Forms or Multiple Submits in a Page?
  7. If an HTML form has two buttons, how do I know which got clicked?
  8. Django: How to send HTML emails with embedded images
  9. HTML form with multiple “actions”
  10. Set a form’s action attribute when submitting?
  11. HTML not loading CSS
  12. How organize pagination with a large number of pages in Django project?
  13. Submit Button Image
  14. Imitating a blink tag with CSS3 animations
  15. How can I force a long string without any blank to be wrapped?
  16. How to get a child element to show behind (lower z-index) than its parent?
  17. make an html svg object also a clickable link
  18. What is the performance impact of the universal selector?
  19. Why is nth-child selector not working?
  20. Partially colored Arabic word in HTML
  21. Arabic characters from html content to pdf using iText
  22. How to embed a Google Drive folder in a website
  23. Auto height on parent container with Absolute/Fixed Children
  24. How can I preload a page using HTML5?
  25. HTML generated Microsoft Word document with header, footer and watermark
  26. Display text, a dotted line then more text spanning the width of the page
  27. How do I add HTML code to JSF FacesMessage
  28. Can’t get the complete address while uploading a file
  29. How To Add CSS3 Transition With HTML5 details/summary tag reveal?
  30. Balanced text wrapping in HTML

Leave a Comment