使用href提交表单

时间:2016-06-08 12:20:54

标签: html5 asp.net-mvc-5

我设置表格的if如下:

@using (Html.BeginForm(new {@id="frmHomeInsurance"}))

而不是使用提交按钮,我想有一个提交链接。 所以,我想替换以下内容:

<input type="submit" value="Get your quote now!" class="btn btn-default"/>

以下内容:

<a href="@Url.Action("Create", "HomeInsurance")" class="wow zoomIn" data-wow-delay="0.2s" onclick="document.forms['frmHomeInsurance'].submit(); return false;"><span class="fa fa-comments-o"></span>Get your<br>quote now!</a>

理论上,它应该达到我的“创造”。但是,我的HomeInsurance控制器中的操作并非如此。

我之前还有什么要申报的吗?

更新: 行动如下:

// POST: HomeInsurance/Create
[HttpPost]
public ActionResult Create(HomeInsuranceModel model)
{
}

1 个答案:

答案 0 :(得分:1)

您无法直接使用href提交表单。 像这样创建表单:

@using(Html.BeginForm("Create", "HomeInsurance", FormMethod.Post, new {enctype = "multipart/form-data"}))
{
    <define you form>
}

然后使用你的锚标记提交它(不需要href):

<a href="javascript:;" class="wow zoomIn" data-wow-delay="0.2s" 
onclick="document.forms['frmHomeInsurance'].submit(); return false;">
   <span class="fa fa-comments-o"></span>Get your<br>quote now!
</a>

如果你想使用href你可以做到这一点,但它不是很漂亮:

<a href="@Url.Action("Create", "HomeInsurance")" 
onclick="var e=document.getElementById('yourFormId').action=this.href;e.submit();return false">
Submit</a>