向提交按钮添加 onclick 功能

我在学 javascript 和 php。我创建了一个联系表单，当我按下它时，我希望提交按钮能完成两件事:

  1. 提交数据给我(这部分工作)
  2. 读取我的 onclick 函数(这部分不工作)
<input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood()">


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

我把数据发到我的邮箱，所以我收到了。但是 onclick功能似乎不起作用。我试着复习 为提交按钮添加 onclick 功能，但没有用。

654121 次浏览
小开

如果您需要在提交数据之前做一些事情，您可以使用表单的 不屈服。

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

我需要看到您的提交按钮 html 标记，以便更好地帮助。我不熟悉 php 以及它是如何处理回发的，但是我猜根据你想要做的，你有三个选择:

  1. 在客户端获得处理 onclick按钮: 在这种情况下，您只需要调用一个 javascript 函数。

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

  1. 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:

    <form method="post">

  2. You can use onsubmit event from form itself to bind your function to it.

<form name="frm1" method="post" onsubmit="return greeting()">
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>

小开

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');
}
小开

我有这个密码:

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

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

如果你想在没有任何脚本语言的情况下单击一个 HTML 按钮打开一个页面，那么你可以使用上面的代码。

小开
  1. 创建一个隐藏按钮与 id="hiddenBtn"和 type="submit"，做提交
  2. 将当前按钮更改为 type="button"
  3. 设置 onclick的当前按钮调用 function看起来如下:
function foo() {
// do something before submit
...
// trigger click event of the hidden button
$('#hinddenBtn').trigger("click");
}

提交答案