Home/ Questions/Q 618977
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T18:36:19+00:00

From This answer and the fact i may be using an anti pattern I

  • 0

From This answer and the fact i may be using an anti pattern I thought i should change the ajax call into behavior like submitting a form. I found $.post but that seems to be doing ajax and does not change the page i am on.

How do i submit a form with jquery or plain JS?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s as simple as calling the $.submit() method on the form itself:

    $("#formID").submit(); // jQuery
document.getElementById("formID").submit(); // Javascript

    Or if you’re using the name attribute only:

    $("form[name='formName']").submit(); // jQuery
document.formName.submit(); // Javascript

    If you’re only interested in redirecting the page after you submit the data, you could do this from the callback of the $.post() call:

    $.post("process.php", { 'foo':$(".bar").val() }, function(result) {
  window.location = "thanks.php";
});

    Update:

    The asker indicated in the comments below that no form actually exists. I would suggest creating one:

    var myForm = $("<form>")
               .attr({'method':'post','action':'process.php'})
               .appendTo("<body>");

    And then adding your data:

    $("<input>")
  .attr({'type':'hidden','name':'firstname'})
  .val("Jonathan")
  .appendTo(myForm);

    And later, when you’re ready, submit it:

    $(myForm).submit();
    • 0