How can I submit a form using JavaScript

Question

I have a form with id theForm which has the following div with a submit button inside   lt div id  quot placeOrder quot       style  quot text-align  right  width  100   background-color  white  quot  gt       lt button type  quot submit quot              class  input submit              style  quot margin-right  15px  quot              onClick  quot placeOrder   quot  gt Place Order      lt  button gt   lt  div gt   When clicked  the function placeOrder   is called  The function changes the innerHTML of the above div to be  quot processing     quot   so the submit button is now gone   The above code works  but now the problem is that I can t get the form to submit  I ve tried putting this in the placeOrder   function  document theForm submit     But that doesn t work  How can I get the form to submit

User · Answer

document forms  quot name of your form quot   submit     or document getElementById  quot form id quot   submit     You can try any of this   this will definitely work

User · Answer

HTML   lt  -- change id attribute to name  -- gt    lt form method  post  action  yourUrl  name  theForm  gt       lt button onclick  placeOrder    gt Place Order lt  button gt   lt  form gt    JavaScript  function placeOrder          document theForm submit

User · Answer

If your form does not have any id  but it has a class name like theForm  you can use the below statement to submit it  document getElementsByClassName  quot theForm quot   0  submit

User · Answer

You can use     document getElementById  theForm   submit         but don t replace the innerHTML  You could hide the form and then insert a processing    span which will appear in its place   var form   document getElementById  theForm     form style display    none    var processing   document createElement  span     processing appendChild document createTextNode  processing          form parentNode insertBefore processing  form

User · Answer

You can use the below code to submit the form using JavaScript  document getElementById  FormID   submit

User · Answer

I will leave the way I do to submit the form without using the name tag inside the form  HTML  lt button type  quot submit quot  onClick  quot placeOrder this form  quot  gt Place Order lt  button gt   JavaScript function placeOrder form       form submit

User · Answer

It works perfectly in my case  document getElementById  quot form1 quot   submit     Also  you can use it in a function as below  function formSubmit         document getElementById  quot form1 quot   submit

User · Answer

Set the name attribute of your form to  theForm  and your code will work

User · Answer

lt html gt        lt body gt            lt p gt Enter some text in the fields below  and then press the  quot Submit form quot  button to submit the form  lt  p gt            lt form id  quot myForm quot  action  quot  action page php quot  gt            First name   lt input type  quot text quot  name  quot fname quot  gt  lt br gt            Last name   lt input type  quot text quot  name  quot lname quot  gt  lt br gt  lt br gt             lt input type  quot button quot  onclick  quot myFunction   quot  value  quot Submit form quot  gt           lt  form gt            lt script gt              function myFunction                     document getElementById  quot myForm quot   submit                           lt  script gt        lt  body gt   lt  html gt

User · Answer

I have came up with an easy resolve using a simple form hidden on my website with the same information the users logged in with  Example  If you want a user to be logged in on this form  you can add something like this to the follow form below   lt input type  quot checkbox quot  name  quot autologin quot  id  quot autologin quot    gt   As far I know I am the first to hide a form and submit it via clicking a link  There is the link submitting a hidden form with the information  It is not 100  safe if you don t like auto login methods on your website with passwords sitting on a hidden form password text area    Okay  so here is the work  Let   s say  siteid is the account and  sitepw is password  First make the form in your PHP script  If you don   t like HTML in it  use minimal data and then echo in the value in a hidden form  I just use a PHP value and echo in anywhere I want pref next to the form button as you can t see it  PHP form to print  hidden forum      lt form id  quot alt forum login quot  action  quot   forum ucp php mode login quot  method  quot post quot  style  quot display none  quot  gt       lt input type  quot text quot  name  quot username quot  id  quot username quot  value  quot   strtolower  siteid    quot  title  quot Username quot    gt       lt input type  quot password quot  name  quot password quot  id  quot password quot  value  quot    sitepw   quot  title  quot Password quot    gt   lt  form gt     PHP and link to submit form  lt  php print  hidden forum    gt   lt pre gt  lt a href  quot  forum quot  onClick  quot javascript  document getElementById  alt forum login   submit    quot  gt Forum lt  a gt  lt  pre gt

[javascript] How can I submit a form using JavaScript?

Examples related to javascript