Ik ben net javascript en php aan het leren. Ik heb een contactformulier gemaakt en ik wil dat de verzendknop twee dingen bereikt als ik erop druk:
- verzend de gegevens naar mij (dit onderdeel werkt)
- lees mijn onclick-functie (dit onderdeel werkt niet)
<input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood()">
<?php
if ($_POST['submit']) {
////?????
}
?>
Ik stuur de gegevens naar mijn e-mail, en dat begrijp ik. Maar de functie onclicklijkt niet te werken. Ik heb geprobeerd de add onclick-functie voor de verzendknopte bekijken, maar het heeft niet geholpen.
Antwoord 1, autoriteit 100%
Ik heb de html-tag van uw verzendknop nodig voor betere hulp. Ik ben niet bekend met php en hoe het de postback afhandelt, maar ik denk dat, afhankelijk van wat je wilt doen, je drie opties hebt:
- De afhandeling
onclick-knop aan de clientzijde krijgen: in dit geval hoeft u alleen een javascript-functie aan te roepen.
function foo() {
alert("Submit button clicked!");
return true;
}<input type="submit" value="submit" onclick="return foo();" />Antwoord 2, autoriteit 33%
html:
<form method="post" name="form1" id="form1">
<input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood();" />
</form>
Javascript:
om het formulier te verzenden met javascript
function eatFood() {
document.getElementById('form1').submit();
}
om het onclick-bericht weer te geven
function eatFood() {
alert('Form has been submitted');
}
Antwoord 3, autoriteit 17%
Als u iets moet doen voordat u gegevens indient, kunt u onsubmitvan het formulier gebruiken.
<form method=post onsubmit="return doSomething()">
<input type=text name=text1>
<input type=submit>
</form>
Antwoord 4, autoriteit 4%
Ik heb deze 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>Antwoord 5, autoriteit 3%
- Maak een verborgen knop met
id="hiddenBtn"entype="submit"die de verzending doen - Huidige knop wijzigen op
type="button" - Instellen
onclickvan de huidige knop Bel AfunctionLEET ALS HIERONDER:
function foo() {
// do something before submit
...
// trigger click event of the hidden button
$('#hinddenBtn').trigger("click");
}
Antwoord 6
<button type="submit" name="uname" value="uname" onclick="browserlink(ex.google.com,home.html etc)or myfunction();"> submit</button>
Als u een pagina wilt openen met klik op een knop in HTML zonder enige scripttaal, kunt u hierboven-code gebruiken.