隐藏表单的提交按钮

时间:2009-01-09 16:23:18

标签: c# asp.net-mvc forms

我是asp.net-MVC,在我的源ciew页面中使用BeginForm语法,我被告知如果你想要提交表单,你必须在using语句的末尾有提交Button。我不想使用Button调用所需的Action我有一个Actionlink设置如下:

  <%=Html.ActionLink("" + CreateMore, "Create", "", new { @class = "Create" })%>

并且我希望在单击此actionlink时提交表单,因为他们都要进行相同的操作..而且我不希望能够看到“提交”按钮:

  <input type="submit" />

因为链接看起来更好

4 个答案:

答案 0 :(得分:5)

我将再次转向使用jQuery来处理此任务

$(function(){
  $('input:submit').hide(); //hide the submit button
  $('#submitLinkID').click(function(){  // bind the link's click event
    $('input:submit').click(); //click the hidden button
    return false; //return false to stop the link from doing anything
  });
});

答案 1 :(得分:3)

问题是什么?

风格= “显示:无;”会隐藏按钮。您没有说明您遇到问题的位置。

答案 2 :(得分:1)

ActionLink将生成一个可以单击的超链接,但它实际上不会POST表单。如果操作期望某些数据作用,您需要以某种方式将查询参数添加到ActionLink。如果没有数据可以处理,那么我根本不需要表单,因为单击该链接将调用该操作。假设您只想使用链接提交表单,那么我不明白为什么您需要一个ActionLink,也不需要输入按钮。只需在表单中添加常规锚标记,如下所示:

<a id='submitIDLink'
   href='javascript:void(0);'
   onclick='document.forms[0].submit();'>Create</a>

请注意,如果您希望无论是否启用了javascript,它都能正常运行,那么您需要更具创意。您可以使用按钮和链接,但从可见按钮开始,隐藏链接。在文档就绪上运行一些javascript,隐藏按钮并显示链接。在这种情况下,您可以使用类似于@Corey建议的调整来显示链接。

答案 3 :(得分:1)

Javascript会很好,但我通常做的是
style =“position:absolute; top:-5000px”会隐藏屏幕顶部的按钮,如果你的表单太长就调整数字。