簡體   English   中英

隱藏表單的提交按鈕

[英]Hide Submit Button for form

我是asp.net-MVC,在我的源ciew頁面中使用BeginForm語法,並被告知是否要提交表單,必須在using語句的末尾具有Submit Button。 我不想使用Button來調用所需的動作,所以我設置了一個Actionlink,如下所示:

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

並且我希望在單擊此操作鏈接時提交表單,因為它們都將進行相同的操作..我也不想看到“提交”按鈕:

  <input type="submit" />

因為鏈接看起來更好

我將再次轉向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
  });
});

有什么問題

style =“ display:none;” 將隱藏按鈕。 您並沒有指出您在哪里遇到問題。

Javascript可以,但是我通常要做的是

style =“ position:absolute; top:-5000px”將隱藏屏幕頂部的按鈕,因此如果表單過長,只需調整數字即可。

ActionLink將產生一個超鏈接,您可以單擊該超鏈接,但實際上不會發布該表單。 如果該動作需要某些數據,則需要以某種方式將查詢參數添加到ActionLink中。 如果沒有數據可操作,那么我根本不需要表單,因為單擊鏈接將調用該操作。 假設您只想使用鏈接來提交表單,那么我根本看不到為什么根本不需要ActionLink或輸入按鈕。 只需向表單中添加一個常規錨標簽,如下所示:

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

請注意,如果您希望它在不啟用JavaScript的情況下都能正常工作,那么您就需要更多的創意。 您將使用按鈕和鏈接,但先從可見按鈕和隱藏鏈接開始。 准備好一些可在文檔上運行的JavaScript,以隱藏按鈕並顯示鏈接。 在這種情況下,您可以使用類似@Corey的建議,並進行一些調整以顯示鏈接。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM