从javascript访问同名HTML表单元素

我使用多个提交按钮的以下解决方案（）来允许从我的MVC表单取消和保存：

<form action="Xxxx" method="post" onsubmit="return validatePost()">
...
<input type="submit" name="actionType" value="Save" />
<input type="submit" name="actionType" value="Cancel" />
</form>

我只想在单击“保存”时执行此javascript验证，但无法从javascript中分辨单击了哪个按钮

我尝试使用

document.forms[0].elements[“actionType”].value

获取actionType值，但无法获取，因为表单上有多个名为actionType的项

有人能帮忙吗

---

谢谢

您是否能够只监听“保存”输入的onclick事件，并让它使用validatePost函数

---

然后，您可以使用不同的功能单击“取消”来执行相应的操作。

您可以使用

id

（）

函数验证（）{
警报（“验证”）；
返回false；//单击取消，true将提交
}
$（“#保存”）。单击（函数（）{
返回validate（）；
});

---

如果你不想使用

id

，你可以使用

$（'input[name=“actionType”][value=“Save”]”）

来选择保存按钮

啊，一旦你看到它，它看起来很简单-我使用了id。谢谢你的帮助

function validatePost() {
    if(Blah blah){
        return true;
    }
}

<form method="post">
<input id="save" type="submit" name="actionType" value="Save" />
<input type="submit" name="actionType" value="Cancel" />
</form>

function validate() {
    alert('Validate');
    return false; // cancel click, true will submit
}

$("#save").click(function () {
    return validate();
});