如果按钮 onClick 位于 ASP.NET 中的 DIV 内部，则该按钮不起作用

Question

我有一个像 : 这样的 div

<div id="specific">
<table cellpadding="2" border="0">
<tr><td>Choose category</td><td><select id="list_categories" runat="server"></select></td><td><asp:RequiredFieldValidator ControlToValidate="list_categories" runat="server" Display="Static" ErrorMessage="Select category" ID="verify_category"></asp:RequiredFieldValidator></td></tr>
<tr><td>Link name : </td><td><asp:TextBox ID="link_name" runat="server"></asp:TextBox></td><td><asp:RequiredFieldValidator ControlToValidate="link_name" runat="server" Display="Static" ErrorMessage="Provide a name for link" ID="verify_link_name"></asp:RequiredFieldValidator></td></tr>
<tr><td>Link url : </td><td><asp:TextBox ID="link_url" runat="server"></asp:TextBox></td><td><asp:RegularExpressionValidator ID="verify_url" runat="server" ControlToValidate="link_url" Display="Static" ErrorMessage="Invalid link. Must be as http://www.stabiplan.com" ValidationExpression="^http\://[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(/\S*)?$"></asp:RegularExpressionValidator></td></tr>
<tr><td>Link description</td><td><asp:TextBox ID="link_descr" runat="server"></asp:TextBox></td><td><asp:RequiredFieldValidator ControlToValidate="link_descr" runat="server" ID="verify_descr" Display="Static" ErrorMessage="Provide a link description"></asp:RequiredFieldValidator></td></tr>
<tr><td colspan="2"><center><asp:Button runat="server" ID="add_link_process" Text="Add link" OnClick="add_link_function" /></center></td></tr>
</table>
</div>

和 CodeBehind.cs 中的函数，

protected void add_link_function( object sender, EventArgs e ) {
         BusinessLayerArcht layer = LoadDataFromBL();
         if ( layer.add_link( link_name.Text, link_url.Text, link_descr.Text, list_categories.Value.ToString() ) ) {
            messages.Text = "Link added successfully";
            LoadTree( tree );
         } else {
            messages.Text = "Link could not be added !";
         }
      }

当我单击按钮时，没有任何反应。为什么 ？

如果我删除 DIV 块并让 内的代码，按钮单击事件起作用。

谢谢

Answer 1

我非常怀疑它与 div 元素有什么关系。通常，当按钮不执行任何操作时，这是因为验证阻止了回发。要对此进行测试，请将按钮上的 CausesValidation 属性设置为 false，然后重试。

Answer 2

您是否尝试过在 add_link_function 方法中添加断点来检查它是否被触发？

---

关于您的验证问题，您可以将 ValidationGroup 添加到您的 Validation 控件以及 Button 中。这样，只有具有匹配组名称作为触发按钮的验证控件才会被操作。

Answer 3

您可能必须将按钮“ UseSubmitBehavior ”的属性更改为 false

Answer 4

这完全是猜测，但“div”可能位于表格顶部并阻止点击到达按钮，您可以尝试一些像这样的 Javascript 代码 -

function getActivatedObject(e) {
  var obj;
  if (!e) {
    obj = window.event.srcElement;
  } else if (e.srcElement) {
    obj = e.srcElement;
  } else {
    obj = e.target;
  }
  return obj;
}

function addEventHandler(obj, eventName, handler) {
  if (document.attachEvent) {
    obj.attachEvent("on" + eventName, handler);
  } else if (document.addEventListener) {
    obj.addEventListener(eventName, handler, false);
  }
}

找出哪个元素正在获取点击事件。

代码来自 - 我如何知道哪个元素被点击？

Answer 5

在该按钮的属性中，将 OnClientClick 设置为您在“onClick”上调用的函数的名称。
这对我有用。