Submit form using a tag

Question

I am trying to submit a form through onclick event on  tag  I have tried triggering document myform submit    this form submit    parentNode submit   etc  but none of this is working  Using a submit button  the code works fine  But I want to use  tag in place of that  Need some help                lt form id  myform  name  myform  method  POST  action  process edit questionnaire php project  lt  php echo  project id    gt   gt                   lt input name  module  type  hidden  value   lt  php echo  module id   gt    gt                   lt input name  project  type  hidden  value   lt  php echo  project id   gt    gt                   lt input name  hidden ques id  type  hidden  value   lt  php echo  data array ques  j   ques id     gt    gt                lt div id  question block  gt                    lt div id  serial block  gt                       lt p id  s original  lt  php echo  j 1    gt   gt  lt a href     onclick  showSelectBox  lt  php echo  j 1    gt    gt Serial                             lt  php                          if  data array ques  j   ques position    NULL                                echo  j 1                                                                                 else                                echo  data array ques  j   ques position                                         gt  lt  a gt  lt  p gt                       lt p id  s select box  lt  php echo  j 1    gt   style  display  none   gt Serial                             lt select name  serial  gt                             lt  php for  p 1  p lt  count  data array ques   p       gt                                       lt option value   lt  php echo  p    gt    lt  php if  p   data array ques  j   ques position     echo  selected   selected        gt   gt  lt  php echo  p    gt  lt  option gt                             lt  php      gt                           lt  select gt                       lt  p gt                   lt  div gt                    lt div id  question text  gt                       lt a href     onclick  showTextBox  lt  php echo  j 1    gt    gt  lt p id  q original  lt  php echo  j 1    gt   gt  lt  php echo  data array ques  j   ques text      gt  lt  p gt  lt  a gt                       lt p id  q text box  lt  php echo  j 1    gt   style  display none   gt  lt textarea id  ques text  name  ques text  rows  3  cols  30  gt  lt  php echo  data array ques  j   ques text      gt  lt  textarea gt  lt  p gt                                        lt  div gt                lt  div gt                lt div id  menu block  gt                   lt a href    onclick  document myform submit    gt Save Changes lt  a gt                     lt a href  delete question php project  lt  php echo  project id    gt  amp module  lt  php echo  module id    gt   gt Delete This Question lt  a gt               lt  div gt               lt  form gt

User · Answer

you can do it like this with raw javascript

<html>
    <body>
        <form id="my_form" method="post" action="mailto://[email protected]">
            <a href="javascript:{}" onclick="document.getElementById('my_form').submit();">submit</a>
        </form>
    </body>
</html>

For those asking why I have a href element in my anchor tag, its because it's a compulsory part of an anchor tag, it may well work without but it's not to spec. So if you want to guarantee rendering etc you must give the engine a fully formed tag. So the above achieves this. You will see href="#" used sometimes but this is not always wanted as the browser will change the page position.

User · Answer

You can use hidden submit button and click it using java script jquery like this       lt form id  contactForm  method  post  class  contact-form  gt            lt button type  submit  id  submitBtn  style  display none   data-validate  contact-form  gt Hidden Button lt  button gt           lt a href  javascript    class  myClass  onclick      submitBtn   click     gt Submit lt  a gt      lt  form gt

User · Answer

Submit your form like this      Your HTML code        lt form name  myform  action  handle-data php  gt  Search   lt input type  text  name  query    gt        lt a href  javascript  submitform    gt Search lt  a gt       lt  form gt     JavaScript Code     lt script type  text javascript  gt           function submitform       document myform submit           lt  script gt

User · Answer

Try this   Suppose HTML like this        lt form id  myform  name  myform  method  POST  action  process edit questionnaire php project  lt  php echo  project id    gt   gt         lt div id  question block  gt              testing form          lt  div gt        lt a href  javascript  submit     gt Submit lt  a gt           lt  form gt    JS        lt script type  text javascript  gt       function submit                    document forms  myform   submit                lt  script gt    you can check it out here   http   jsfiddle net Zm426 7

User · Answer

Clean and simple     lt form action  quot  myaction quot  method  quot post quot  target  quot  blank quot  gt       lt  -- other elements -- gt       lt a href  quot   quot  onclick  quot this parentNode submit    quot  gt Submit lt  a gt    lt  form gt   In case of opening form action url in a new tab  target  quot  blank quot       lt form action  quot  myaction quot  method  quot post quot  target  quot  blank quot  gt       lt  -- other elements -- gt       lt a href  quot   quot  onclick  quot this parentNode submit    quot  gt Submit lt  a gt    lt  form gt

User · Answer

If jquery is allowed then you can use following code to implement it in the easiest way as      lt a href  javascript     form id   submit     gt Login lt  a gt    or   lt a href  javascript    form   submit    gt Login lt  a gt    You can use following line in your head tag    to import jquery into your code    lt script src  https   ajax googleapis com ajax libs jquery 1 11 3 jquery min js  gt  lt  script gt

User · Answer

I suggest to use  return false  instead of useing some javascript in the href-tag    lt form id    gt       lt  form gt    lt a href     onclick  document getElementById  myform   submit    return false   gt send form lt  a gt

User · Answer

lt form  id  myform id  action   myMethode   role  form   method  post   gt       lt a  href  javascript     myform id   submit      gt submit lt  a gt   lt  form gt

User · Answer

Here is how I would do it using vanilla JS   lt form id  myform  method  POST  action  xxx  gt       lt  -- your stuff here -- gt       lt a href  javascript void    onclick  document getElementById  myform   submit    gt Ponies await  lt  a gt   lt  form gt    You can play with the return falses and href     vs void and whatever you need to but this method worked for me in Chrome 18  IE 9 and Firefox 14 and the rest depends on your javascript mostly

User · Answer

Using Jquery you can do something like this    x000D   x000D    document  ready function     x000D        btnSubmit   click function     x000D          deleteFrm   submit    x000D        x000D   x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt form action    id  deleteFrm  method  POST  gt  x000D     lt a id  btnSubmit  gt Submit lt  a gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

Is there any reason for not using a submit button and then styling it with css to match your other a tags   I think this would reduce your dependency on having javascript enabled and still get the desired result

[javascript] Submit form using <a> tag

Examples related to javascript

Examples related to html

Examples related to forms

Examples related to submit