javascript頁面加載發生在按鈕單擊上

Question

我的問題是，當我單擊帶有id =“ cmdAddATM”整個.aspx頁面reload。的按鈕時，即使我沒有編寫任何與之關聯的單擊函數，這是什么問題？ 因為此問題在我的項目中引起了一些與ajax / jquery有關的新問題

檔案名稱：AddEditATM.aspx.cs

namespace Monitoring_Tool
{
    public partial class AddEditATM : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Generix.fillDropDown(ref litRegion, Generix.getData("dbo.Region", "REGION, Code", "", "", "Code", 1));
        }
    }
}

文件：AddEditATM.aspx

<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        showAddEditATMLoad();
    });
</script>
<body>
// I an not writing full syntax here but i have one button with id "cmdAddATM"
</body>

外部JS文件：

function showAddEditATMLoad() { 
    //Its Blank
}

我的HTML代碼：-

<table style="margin: 0px auto; width: 90%" runat="server">
  <thead>
      <tr>
          <th colspan="4" align="center" class="ui-widget-header PageHeader">
              ADD/EDIT ATM
          </th>
      </tr>
  </thead>
  <tbody style="vertical-align: bottom; border-style: solid; border-width: thick;">
      <tr>
          <td style="padding-left: 5px" colspan="2">
              Enter ATM ID &nbsp;<input id="txtEditATM" name="txtEditATM" type="text" />
              &nbsp;&nbsp;
              <button id="cmdEditATM">
                  EDIT ATM</button>
          </td>
          <td align="left" style="font-weight: bold" colspan="1">
              OR
          </td>
          <td align="center" colspan="2">
              <button id="cmdAddATM">
                  ADD ATM</button>
          </td>
      </tr>
  </tbody>
</table>

Answer 1

如果您的按鈕是<asp:Button runat="server" /> ，它將在瀏覽器中呈現為<input type="submit" /> 。 因此，它將回發您的頁面。

編輯：添加type="button"與屬性<button>標記，類型屬性<button>標簽有它的三個值，並標記你的情況越來越默認值是提交，這就是為什么它被提交表格。

1. Submit - For Submitting a Form
2. Reset - For Resetting the Form
3. button - A Simple Button

Answer 2

將類型屬性添加到<button>標記。

<button id="cmdEditATM" type='button'>EDIT ATM</button>

SO線程

Answer 3

如果您使用的是asp:Button對象，則可以使用OnClientClick屬性或僅使用jQuery運行一些客戶端代碼。 您可以從javascript click事件處理程序中返回false （或使用jQuery的event.preventDefault()方法）以停止回發。

如果您不希望此按鈕發生回發，只需使用普通的HTML按鈕（ <input type="button" ... /> ）。 如果您需要在服務器端訪問此按鈕，只需向其添加常規的runat="server"屬性。

請注意，HTML <input type="submit"/>按鈕將導致回發，因為它將在頁面上提交表單。

Answer 4

將type="button"屬性添加到您的按鈕。 不同的瀏覽器可能對button元素使用不同的默認類型。

Answer 5

在asp.net中，如果您添加任何asp按鈕，則其會自動將asp按鈕轉換為提交按鈕，因此用HTML按鈕替換asp按鈕

<input type="button" id='cmdAddATM' value="Button" />

javascript頁面加載發生在按鈕單擊上

問題描述

5 個解決方案

解決方案1
2 2012-08-29 07:57:37

解決方案2
1 已采納 2012-08-29 08:04:34

解決方案3
1 2012-08-29 08:04:46

解決方案4
1 2012-08-29 08:04:50

解決方案5
0 2012-08-29 08:01:51

javascript頁面加載發生在按鈕單擊上

問題描述

5 個解決方案

解決方案1 2 2012-08-29 07:57:37

解決方案2 1 已采納 2012-08-29 08:04:34

解決方案3 1 2012-08-29 08:04:46

解決方案4 1 2012-08-29 08:04:50

解決方案5 0 2012-08-29 08:01:51

解決方案1
2 2012-08-29 07:57:37

解決方案2
1 已采納 2012-08-29 08:04:34

解決方案3
1 2012-08-29 08:04:46

解決方案4
1 2012-08-29 08:04:50

解決方案5
0 2012-08-29 08:01:51