将onclick功能添加到提交按钮

Question

我只是在学习javascript和php.我创建了一个联系表单,当我按下它时,我想要提交按钮来完成两件事:

1. 提交数据给我(这部分工作)
2. 阅读我的onclick功能(这部分不起作用)

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

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

我将数据发送到我的电子邮箱,所以我明白了.但onclick功能似乎不起作用.我尝试查看添加onclick功能的提交按钮,但它没有帮助.

Answer 1

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

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

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

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

2. 如果要处理服务器端的单击,则应首先确保将表单标记方法属性设置为post:

   <form method="post">
   

3. 您可以使用自身的onsubmit事件form将您的函数绑定到它.

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

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

Answer 3

如果您在提交数据之前需要做某事,可以使用表单的onsubmit.

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