WebForms Textbox.TextChanged 事件在按钮点击时触发两次

如何解决WebForms Textbox.TextChanged 事件在按钮点击时触发两次

似乎有一百个问题非常相似，但似乎没有一个能解决我的问题。

我有一个非常基本的引导程序网络表单，其中包含两个文本框 - 每个文本框都接受一个序列号，该序列号由连接到 PC 的手持扫描仪填充。当用户扫描第一个条形码时，txtLabelA 的 TextChanged 事件会触发一个方法来验证序列号并将焦点切换到 txtLabelB。当用户扫描第二个条形码时，它会触发 txtLabelB 的 TextChanged 事件。这会将两个值插入到数据库中的交叉引用表中，显示成功消息并清除下一组序列号的表单。非常直接。长期以来，这一直完美无缺。

但是，最近我被要求在表单中添加一个按钮，允许用户手动输入序列号并单击提交。现在一切都搞砸了，因为点击提交按钮会触发 OnClick AND OnTextChanged 事件，导致表单回发两次。我怎样才能防止这种情况？

<div class="card-body">
            <div class="form-group">                    
                <asp:TextBox ID="txtLabelA" runat="server" EnableViewState="true" CssClass="form-control" AutoPostBack="true" OnTextChanged="txtLabelA_TextChanged"></asp:TextBox>
                <span class="help-block"></span>
            </div>               
            <div class="form-group">
                <asp:TextBox ID="txtLabelB" runat="server" EnableViewState="true" CssClass="form-control" AutoPostBack="true" OnTextChanged="txtLabelB_TextChanged"></asp:TextBox>
                <span class="help-block"></span>
            </div>
            <div class="form-group">
                <asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="btn btn-primary" OnClick="btnSubmit_Click" />
                <asp:Button ID="btnCancel" runat="server" Text="Clear" CssClass="btn btn-secondary" OnClick="btnCancel_Click" />
                <div style="margin-top: 10px;">
                    <p>
                        <asp:Label ID="lblError" runat="server" CssClass="text-danger"></asp:Label>
                        <asp:Label ID="lblSuccess" runat="server" CssClass="text-success"></asp:Label>
                    </p>
                </div>
            </div>
        </div>

这是后面的代码片段（不多）：

 protected void txtLabelA_TextChanged(object sender,EventArgs e)
    {
        GetLabelDetails();
    }
 protected void txtLabelB_TextChanged(object sender,EventArgs e)
    {
        SyncLabels();
    }

 protected void btnSubmit_Click(object sender,EventArgs e)
    {
        SyncLabels();
    }

我什至尝试将按钮的 OnClick 事件更改为 OnTextChanged 事件，但没有帮助。

有人有什么想法吗？

谢谢。

解决方法

好的，我们找到了解决方案。我合并了上面两张海报的建议以找到解决方案。我从 Daniel 的建议开始，在按钮的点击事件中不添加任何内容以确保它不会触发 SyncLabels() 方法，但仅凭这一点并不能完全解决它，因为事件本身仍在导致回发。诀窍是在上面包含 Bmils 的注释，为按钮的 OnClientCLick() 事件添加一个无意义的 javascript 函数。这让我可以“返回：假；”，有效地阻止了客户端的第二次回发。感谢您的投入。在你的帮助下，我不会解决这个问题。

,

https://docs.microsoft.com/en-us/dotnet/api/system.web.ui.webcontrols.textbox.autopostback?view=netframework-4.8

使用 AutoPostBack 属性指定是否在 TextBox 控件失去焦点时自动回发到服务器。在 TextBox 控件中按 ENTER 或 TAB 键是更改焦点的最常用方法。

根据我的个人经验，条码扫描器本质上是模仿用户输入条码编号然后按 ENTER。如果用户手动输入条形码编号，然后单击“提交”按钮，则无论如何 TextBox 都会失去焦点并导致额外的回发。

建议：删除 Button.Click 事件（或至少是 Click 处理程序中的逻辑。）

注意：如果 TextBox 控件的父容器包含标记为默认按钮的按钮（例如，如果设置了容器的 DefaultButton 或 DefaultButton 属性），则不会引发默认按钮的 Click 事件以响应自动回发。