How do I capture response of form.submit

by

You won’t be able to do this easily with plain javascript. When you post a form, the form inputs are sent to the server and your page is refreshed – the data is handled on the server side. That is, the submit() function doesn’t actually return anything, it just sends the form data to the server.

If you really wanted to get the response in Javascript (without the page refreshing), then you’ll need to use AJAX, and when you start talking about using AJAX, you’ll need to use a library. jQuery is by far the most popular, and my personal favourite. There’s a great plugin for jQuery called Form which will do exactly what it sounds like you want.

Here’s how you’d use jQuery and that plugin:

$('#myForm')
    .ajaxForm({
        url : 'myscript.php', // or whatever
        dataType : 'json',
        success : function (response) {
            alert("The server says: " + response);
        }
    })
;

More Related Contents:

  1. Prevent form submission on Enter key press
  2. Disable form auto submit on button click
  3. jquery disable form submit on enter
  4. HTML input file selection event not firing upon selecting the same file
  5. Simple ajax form using javascript no jQuery
  6. Is there an “after submit” jQuery option?
  7. JavaScript code to stop form submission
  8. JavaScript, browsers, window close – send an AJAX request or run a script on window closing
  9. Why does forms with single input field submit upon pressing enter key in input
  10. Submit form fields inside display:none element
  11. Want to add “addEventListener” on multiple elements with same class [duplicate]
  12. How to distinguish mouse “click” and “drag”
  13. adding multiple event listeners to one element
  14. Why don’t audio and video events bubble?
  15. jquery validate plugin on dynamic form inputs not working
  16. How to ajax-submit a form textarea input from CKEditor?
  17. How to detect CSS3 resize events
  18. How to show setCustomValidity message/tooltip without submit event
  19. What is the meaning of onsubmit=”return false”? (JavaScript, jQuery)
  20. Javascript change event on input element fires on only losing focus
  21. Responding to the onmousemove event outside of the browser window in IE
  22. How to set custom validation messages for HTML forms?
  23. Trigger standard HTML validation (form) without using submit button? [duplicate]
  24. form with no action and where enter does not reload page
  25. How do I listen for triple clicks in JavaScript?
  26. Angularjs – simple form submit
  27. copying the value of a form’s file input field to another form’s input field
  28. What is the difference between Event.target, Event.toElement and Event.srcElement?
  29. JavaScript form submit WITH a field called submit
  30. HTML5 Canvas: Get Event when drawing is finished

Leave a Comment