onclick - 将 onclick 函数添加到提交按钮

Question

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

1. 将数据提交给我(这部分正在运行)
2. 阅读我的 onclick 函数(这部分不起作用)

<input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood()">

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

我正在将数据发送到我的电子邮件，所以我明白了。但onclick功能似乎不起作用。我尝试查看 add onclick function for submit button但这没有帮助。

Answer 1

我需要查看您的提交按钮 html 标签以获得更好的帮助。我不熟悉 php 及其如何处理回发，但我想根据您想要做什么，您有三个选择:

1. 在客户端获取处理 onclick 按钮:在这种情况下，您只需调用 JavaScript 函数。

function foo() {
   alert("Submit button clicked!");
   return true;
}

<input type="submit" value="submit" onclick="return foo();" />

如果要在服务器端处理点击，首先应确保表单标签的 method 属性设置为 post:

<form method="post">

您可以使用 form 本身的 onsubmit 事件将您的函数绑定(bind)到它。

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