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

Question

Asked: May 13, 20262026-05-13T18:36:19+00:00 2026-05-13T18:36:19+00:00

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?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-13T18:36:19+00:00

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

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

The Archive Base Latest Questions