单个表单的 javascript 函数调用

Question

我的 php 文件中有多个表单用于不同的按钮。因此，如果我单击“后退”按钮，则应调用 ramesh.php 脚本，依此类推。这是代码。

<form action="ramesh.php">
<input type="submit" value="Back" />
</form>

<form action="process.php" method="post">
<input name="rep_skyline" type="text" /> 
<input type="submit" />
</form>

<form action="update.php" method="post" >
<button type="submit">Update</button>
</form>

但是，我需要在表单提交时将一些数据从客户端传递到服务器，仅用于更新按钮。我有一个 javascript 函数将数据发送到服务器端，如下所示。

<script type="text/javascript">
$(document).ready(function() {
$('form').submit(function(e) {
var mydata = 3;
if ($(this).is(':not([data-submit="true"])'))
{
        $('form').append('<input type="hidden" name="foo" value="'+mydata+'">');
        $('form').data('submit', 'true').submit();
        e.preventDefault();
        return false;
}    
})
})
</script>

如果我点击更新按钮，javascript函数就可以正常工作。但是，如果我单击返回或提交按钮，我不应该调用javascript函数。有办法做到这一点吗？

Answer 1

为您的表单提供 id :

<form action="update.php" method="post" id="update-form">

然后使用更具体的选择器:

$("#update-form").submit(function() {
    // Code
});

但是，我不太确定为什么需要 JavaScript 来动态地将数据添加到表单中。你应该只使用 <input type="hidden" />直接。