Question

我有表单，表单提交可以通过点击超链接或提交按钮来完成。但是我希望我的服务器能够实现用于表单提交的内容。

目前的代码段如下所示：

<a href=javascript:{} onclick="formSubmit()";>Next</a>
<input type="button" name="search" value="Get Result" onclick = "formSubmit();">

我的formSubmit（）看起来像这样

<script type="text/javascript">
 function formSubmit()
 {
     document.getElementById('form1').submit();
     return false;
 }

关于如何去做的任何指示。感谢

Answer 1

在表单中使用隐藏参数。

< input type="hidden" value="0" name="flag"/>

在脚本中使用javascript更改标志值将表单提交为“1”时。

function formSubmit()
{
 document.form1.flag.value="1";
 document.getElementById('form1').submit();
 return false;
}

如果按下提交按钮，则标志='0'。
您可以在服务器上获取此参数以确定表单的提交方式

编辑：将您的按钮类型更改为“提交”或为这两个操作调用不同的脚本。

Answer 2

将值（例如int或boolean）传递给函数。传递的值可用于确定来源。

Answer 3

您调用相同的函数来提交表单，因此如果您希望服务器实现用于表单提交的内容，我认为您必须将参数传递给您的服务器

Answer 4

您可以使用event.target获取触发事件的源，然后设置一个标志以传递给服务器。请参阅以下示例：

<!DOCTYPE html>
<html>
<head>

<script>
function myFunction(e)
{ 
alert(e.target);
}
</script>
</head>

<p>
Click on a paragraph. An alert box will alert the element that triggered the event.</p>

<p>
<strong>Note:</strong> The target property returns the element that triggered the event, and not necessarily the eventlistener's element.</p>

This Link Click will return "javascript:{}"
<a href=javascript:{} onclick="myFunction(event)";>Next</a>

<p>
This Button Click will return "[objectHTMLInputElement]"
<input type="button" name="search" value="Get Result" onclick = "myFunction(event);"> 
</p>

</body>
</html>

使用超链接和按钮提交表单

4 个答案: