2012-08-29 74 views
1

我的問題是當我點擊ID =「cmdAddATM」整個.aspx頁面reload.even雖然我沒有寫任何與它關聯的點擊功能。問題是什麼? becausethis問題出現在我的項目有關的一些新問題,阿賈克斯/ jQuery的javascript頁面加載按鈕上點擊

文件名: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> 
+0

檢查HTML代碼 – Shaggy

回答

2

如果您的按鈕是<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 
+0

我的按鈕很簡單...但表是runat服務器 – Shaggy

0

在asp.net任何如果添加任何ASP按鈕其自動轉換ASP按鈕提交按鈕,以便用HTML按鈕

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

它不是asp按鈕的HTML按鈕只。 – Shaggy

1

如果您使用的是asp:Button對象,你可以使用OnClientClick財產或者只是jQuery來運行一些客戶端碼。您可以將返回false退出JavaScript單擊事件處理程序(或使用jQuery的event.preventDefault()方法)來停止回發。

如果您不希望針對此按鈕發生回發,請使用正常的HTML按鈕(<input type="button" ... />)。如果您需要訪問服務器端的此按鈕,只需將正常的runat="server"屬性添加到它。

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

1

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