Submit button doesn t work

Question

I have a form with  lt input type  submit   In chrome submit doesn t do anything  On a  network  in tab in developer tools I see nothing  No errors in developer tools either  Meanwhile  if I do save a page and open a saved page  then after I press submit button  I see something appears in  network  tab  This happens in chrome and firefox  This works as expected in IE    Does anybody have a hindsight  what should I look at   EDIT  I don t need a direct answer  I only need to know  where should I look at  If someone posts a direction and that ll help me to solve my problem  I ll accept it as a correct answer   EDIT2  Structure of a page looks like this   html     head     body         div         div             form             form             form             form             form                 input                 input                 table                 table                     tbody                         tr  td  input type submit   EDIT3  We found the actual problem  it was that in a page was a link  containing href     and after clicking on that link submit stopped to work  because   was added to the end of URL and because action of the form was empty so it picked up URI from current URI  which contained   at the  so instead of submitting  browser did jump on a current page

User · Accepted Answer

If you are not using any javascript jquery for form validation  then a simple layout for your form would look like this   within the body of your html document    lt form action  formHandler php  name  yourForm  id  theForm  method  post  gt           lt input type  text  name  fname  id  fname    gt           lt input type  submit  value  submit   gt   lt  form gt    You need to ensure you have the submit button within the form tags  and an appropriate action assigned  Such as sending to a php file    For a more direct answer  provide the code you are working with    You may find the following of use  http   www w3 org TR html401 interact forms html

User · Answer

Are you using HTML5  If so  check whether you have any  lt input type  hidden  gt  in your form with the property required  Remove that required property  Internet Explorer won t take this property  so it works but Chrome will

User · Answer

Check if you are using any sort of jquery javascript validation on the page and try disabling it and see what happens   You can use your browser s developer tools to see if any javascript file with validate or validation is being loaded   You can also look for hidden form elements  ie  style set to display none  or something like that  and make sure there isn t a hidden validation error on those that s not being rendered

User · Answer

I ran into this on a friend s HTML code and in his case  he was missing quotes   For example    lt form action  formHandler php  name  yourForm  id  theForm  method  post  gt       lt input type  text  name  fname  id  fname  style  width 90 font-size 10 gt        lt input type  submit  value  submit   gt   lt  form gt    In this example  a missing quote on the input text fname will simply render the submit button un-usable and the form will not submit   Of course  this is a bad example because I should be using CSS in the first place    but anyways  check all your single and double quotes to see that they are closing properly   Also  if you have any tags like center  move them out of the form    lt form action  formHandler php  name  yourForm  id  theForm  method  post  gt     lt center gt   lt -- bad   As strange it may seems  it can have an impact

User · Answer

Hello from the future   For clarity  I just wanted to add  as this was pretty high up in google  - we can now use    lt button type  submit  gt Upload Stuff lt  button gt   And to reset a form   lt button type  reset  value  Reset  gt Reset lt  button gt   Check out button types  We can also attach buttons to submit forms like this    lt button type  submit  form  myform  value  Submit  gt Submit lt  button gt

User · Answer

I faced this problem today  and the issue was I was preventing event default action in document onclick   document onclick   function e        e preventDefault        Document onclick usually is used for event delegation but it s wrong to prevent default for every event  you must do it only for required elements   document onclick   function e        if  e target instanceof HTMLAnchorElement  e preventDefault

[html] Submit button doesn't work

Examples related to html

Examples related to internet-explorer

Examples related to http

Examples related to google-chrome

Examples related to firefox