Добавьте функцию onclick в кнопку отправки

Я просто изучаю javascript и php. Я создал контактную форму, и я хотел бы, чтобы кнопка отправки выполняла две вещи, когда я нажимаю на нее:

  • отправьте мне данные (эта часть работает)
  • прочитайте мою функцию onclick (эта часть не работает)
<input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood()">

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

Я отправляю данные на свой адрес электронной почты, и поэтому получаю это. Но функция onclick не работает. Я попробовал пересмотреть функцию onclick для кнопки отправки, но это не помогло.

Ответы

Ответ 1

Мне нужно увидеть тэг html кнопки отправки для лучшей помощи. Я не знаком с php и как он обрабатывает обратную передачу, но я предполагаю, что в зависимости от того, что вы хотите сделать, у вас есть три варианта:

  • Получение управляющей кнопки onclick на стороне клиента: в этом случае вам нужно только вызвать функцию javascript.

function foo() {
   alert("Submit button clicked!");
   return true;
}
<input type="submit" value="submit" onclick="return foo();" />

Ответ 2

HTML:

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

JavaScript: отправить форму с помощью javascript

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

чтобы показать сообщение onclick

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

Ответ 3

если вам нужно что-то сделать перед отправкой данных, вы можете использовать форму onsubmit.

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

Ответ 4

У меня есть этот код:

<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>

Ответ 5

  • Создайте скрытую кнопку с id="hiddenBtn" и type="submit", которые отправляют
  • Изменить текущую кнопку на type="button"

  • установите onclick текущего вызова кнопки a function, как показано ниже:

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

Ответ 6

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

если вы хотите открыть страницу одним нажатием кнопки в HTML без какого-либо языка сценариев, вы можете использовать вышеуказанный код.