Question

如何在图片上点击提交表单？表单未通过以下代码提交。有没有办法在没有jQuery的情况下做到这一点？

剃刀

@using (Html.BeginForm("AssignLabels", "Home", FormMethod.Post, new { name = "frm", id = "AssignLabelsForm" }))
{
   <img src="@Url.Content("~/Images/Labels.png") />
}

的jQuery

$('img').on("click", function () {
    $(this).submit();
});

控制器

[HttpPost]
public ActionResult AssignLabels()
{
    return View();
}

Answer 1

试试这个

$('img').on("click", function () {
    $('#AssignLabelsForm').submit();
});

Answer 2

使用图片按钮

<input type="image" src="Your source of image" alt="Form submit image" />

有关详细信息，请参阅此处https://www.w3.org/TR/html401/interact/forms.html#h-17.4.1

Answer 3

在您的代码中，$（this）引用图像元素...指定专门提交表单：

$('img').on("click", function () {
    $(form).submit();
});

单击图像提交表单

3 个答案: