代码之家  ›  专栏  ›  技术社区  ›  TStamper

隐藏表单的提交按钮

  •  1
  • TStamper  · 技术社区  · 15 年前

    我是ASP.NET-MVC,在我的源代码CIEW页中使用BEGINFORM语法,我被告知如果您想提交表单,您必须在using语句的末尾使用submit按钮。我不想使用按钮调用所需的操作我有一个这样设置的actionLink:

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

    我希望在单击此操作链接时提交表单,因为它们都将执行相同的操作。我不想看到提交按钮:

      <input type="submit" />
    

    因为链接看起来更好

    4 回复  |  直到 14 年前
        1
  •  5
  •   Corey Downie    15 年前

    我会再次求助于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
      });
    });
    
        2
  •  3
  •   Jeff Martin    15 年前

    问题是什么?

    style=“display:none;”将隐藏按钮。你没有指出你在哪里遇到问题。

        3
  •  1
  •   tvanfosson    15 年前

    actionLink将生成一个可以点击的超链接,但实际上它不会发布表单。如果操作需要一些数据来执行,您需要以某种方式向actionLink添加查询参数。如果没有数据可供操作,那么我认为根本不需要表单,因为单击链接将调用该操作。假设您只想使用一个链接来提交表单,那么我根本不明白为什么您需要一个actionLink,或者输入按钮。只需在表单中添加一个常规锚标记,如下所示:

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

    请注意,如果您希望它在不考虑启用javascript的情况下工作,那么您需要更具创造性。你可以使用按钮和链接,但是从按钮可见和链接隐藏开始。准备一些在文档上运行的javascript来隐藏按钮并显示链接。在这种情况下,您可以使用类似于@corey建议的方法来显示链接。

        4
  •  1
  •   monmonja    14 年前

    javascript很好,但我通常做的是

    style=“position:absolute;top:-5000px”将隐藏屏幕顶部的按钮,因此,如果表单太长,只需调整数字即可。