web-dev-qa-db-fra.com

ajouter une fonction onclick à un bouton d'envoi

Je viens d'apprendre javascript et php. J'ai créé un formulaire de contact et j'aimerais que le bouton d'envoi accomplisse deux choses lorsque j'appuie dessus:

  1. soumettez-moi les données (cette partie fonctionne)
  2. lisez ma fonction onclick (cette partie ne fonctionne pas)
<input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood()">

<?php
if ($_POST['submit']) {
 ////????? 
}
?>

J'envoie les données à mon courrier électronique et je les reçois. Mais la fonction onclick ne semble pas fonctionner. J'ai essayé de passer en revue ajouter la fonction onclick pour le bouton d'envoi mais cela n'a pas aidé.

47
catchmikey

html:

<form method="post" name="form1" id="form1">    
    <input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood();" />
</form>

Javascript: Pour soumettre le formulaire en javascript

function eatFood() {
document.getElementById('form1').submit();
}

afficher un message onclick

function eatFood() {
alert('Form has been submitted');
}
19
stash_man

si vous avez besoin de faire quelque chose avant de soumettre des données, vous pouvez utiliser le formulaire à soumettre

<form method=post onsubmit="return doSomething()">
  <input type=text name=text1>
  <input type=submit>
</form>
9

J'ai ce code:

<html>
<head>
<SCRIPT type=text/javascript>
function deshabilitarBoton() {     
    document.getElementById("boton").style.display = 'none';
    document.getElementById("envio").innerHTML ="<br><img src='img/loading.gif' width='16' height='16' border='0'>Generando...";     
    return true;
} 
</SCRIPT>
<title>untitled</title>
</head>
<body>
<form name="form" action="ok.do" method="post" >
<table>
<tr>
<td>Fecha inicio:</td>
<td><input type="TEXT" name="fecha_inicio" id="fecha_inicio"  /></td>
</tr>
</table>
<div id="boton">
   <input type="submit" name="event" value="Enviar" class="button" onclick="return deshabilitarBoton()" />
</div>
<div id="envio">
</div>
</form>
</body>
</html>

3
angheliz
  1. Créez un bouton caché avec id="hiddenBtn" et type="submit" qui soumet
  2. Changer le bouton actuel en type="button"
  3. définissez onclick de l'appel de bouton actuel, une function ressemble à ce qui suit:

    function foo() { // do something before submit ... // trigger click event of the hidden button $('#hinddenBtn').trigger("click"); }

1
nguyentaijs
<button type="submit" name="uname" value="uname" onclick="browserlink(ex.google.com,home.html etc)or myfunction();"> submit</button>

si vous souhaitez ouvrir une page en un clic sur un bouton en HTML sans utiliser de langage de script, vous pouvez utiliser le code ci-dessus.

0