add onclick function to a submit button

Question

I m just learning javascript and php   I created a contact form and I d like the submit button to accomplish two things when I press it    submit the data to me  this part is working  read my onclick function  this part is not working       lt input id  submit  name  submit  type  submit  value  Submit  onclick  eatFood    gt    lt  php if    POST  submit                      gt    I m sending the data to my email  and so I get that   But the onclick function doesn t seem to work   I tried reviewing add onclick function for submit button but it didn t help

User · Answer

if you need to do something before submitting data  you could use form s onsubmit     lt form method post onsubmit  return doSomething    gt     lt input type text name text1 gt     lt input type submit gt   lt  form gt

User · Answer

lt button type  submit  name  uname  value  uname  onclick  browserlink ex google com home html etc or myfunction     gt  submit lt  button gt    if you want  to open a page on the click of a  button in HTML without any scripting language then you can use above code

User · Answer

I need to see your submit button html tag for better help  I am not familiar with php and how it handles the postback  but I guess depending on what you want to do  you have three options    Getting the handling onclick button on the client-side  In this case you only need to call a javascript function     x000D   x000D  function foo     x000D     alert  Submit button clicked     x000D     return true  x000D    x000D   lt input type  submit  value  submit  onclick  return foo       gt  x000D   x000D   x000D     If you want to handle the click on the server-side  you should first make sure that the form tag method attribute is set to post    lt form method  post  gt   You can use onsubmit event from form itself to bind your function to it     x000D   x000D   lt form name  frm1  method  post  onsubmit  return greeting    gt  x000D       lt input type  text  name  fname  gt  x000D       lt input type  submit  value  Submit  gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

Create a hidden button with id  hiddenBtn  and type  submit  that do the submit Change current button to type  button  set onclick of the current button call a function look like below   function foo            do something before submit                trigger click event of the hidden button         hinddenBtn   trigger  click

User · Answer

html    lt form method  post  name  form1  id  form1  gt           lt input id  submit  name  submit  type  submit  value  Submit  onclick  eatFood       gt   lt  form gt    Javascript  to submit the form using javascript  function eatFood     document getElementById  form1   submit        to show onclick message  function eatFood     alert  Form has been submitted

User · Answer

I have this code    x000D   x000D   lt html gt  x000D   lt head gt  x000D   lt SCRIPT type text javascript gt  x000D  function deshabilitarBoton          x000D      document getElementById  boton   style display    none   x000D      document getElementById  envio   innerHTML    lt br gt  lt img src  img loading gif  width  16  height  16  border  0  gt Generando           x000D      return true  x000D     x000D   lt  SCRIPT gt  x000D   lt title gt untitled lt  title gt  x000D   lt  head gt  x000D   lt body gt  x000D   lt form name  form  action  ok do  method  post   gt  x000D   lt table gt  x000D   lt tr gt  x000D   lt td gt Fecha inicio  lt  td gt  x000D   lt td gt  lt input type  TEXT  name  fecha inicio  id  fecha inicio     gt  lt  td gt  x000D   lt  tr gt  x000D   lt  table gt  x000D   lt div id  boton  gt  x000D      lt input type  submit  name  event  value  Enviar  class  button  onclick  return deshabilitarBoton      gt  x000D   lt  div gt  x000D   lt div id  envio  gt  x000D   lt  div gt  x000D   lt  form gt  x000D   lt  body gt  x000D   lt  html gt  x000D   x000D   x000D

[onclick] add onclick function to a submit button

Examples related to onclick

Examples related to submit