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