c# 如何启用按钮ontextchange而不回发

Question

所以我有一个灯箱，其中弹出一个带有文本框和两个按钮（提交 - 禁用和取消 - 启用）的 aspx 页面。我想在textchange 上启用提交按钮。当单独打开（不是作为灯箱）时它工作正常，但是当我让它在每次 ontextchange 被触发时使用灯箱功能正常运行时，整个页面都会刷新以禁用灯箱。

<asp:TextBox ID="textBox1" runat="server" OnTextChanged="OnTextChanged_AttributesEdited" autopostback="true">


protected void OnTextChanged_AttributesEdited(object sender, EventArgs e)
{
    btnSubmit.Enabled = true;

}

现在，如果我取出“autopostback = true”，它将不会触发ontextchanged。想知道如果使用 javascript 来启用按钮是否更好，或者是否有一种方法可以在触发 ontextchanged 时阻止回发？

多谢！

Answer 1

我认为这将是您的应用程序中某些 jQuery 的主要用途。无需回发到服务器来启用/禁用按钮，这看起来会更流畅，加载速度更快，并保持当前页面状态不变。示例可能如下：

<script type="text/javascript">
$(document).ready(function() {    
    $("#textBox1").change(function() {
        $("#btnSubmit").removeAttr("disabled");
    });
});
</script>

只需将上述脚本标记放入 HTML 中，就在关闭 body 标记之前。

然而，更好的解决方案是将特定的 CSS 类分配给所有应该继承该行为的文本框。假设您将名为“someCssClass”的 CSS 类分配给所有这些文本框，您的脚本将如下所示：

<script type="text/javascript">
$(document).ready(function() {    
    $("input.someCssClass").change(function() {
        $("#btnSubmit").removeAttr("disabled");
    });
});
</script>

Answer 2

我会使用 @FarligOpptrenden 提到的 jQuery，但如果你没有它并且只想要简单的 javascript，这应该可以工作。

在灯箱中输入：

<input type="text" id="textbox" onKeyUp="enableSubmitButton()" />
<input type="button" id="submitButton" value="Submit" />
<input type="button" id="cancelButton" value="Cancel" />

Javascript：

<script type="text/javascript">

function enableSubmitButton()
{
document.getElementById('submitButton').disabled = false;
document.getElementById('cancelButton').disabled = true;
}

</script>

您还可以在 JavaScript 中加载时启用/禁用按钮：

<script type="text/javascript">

window.onload = function () {

document.getElementById('submitButton').disabled = true;
document.getElementById('cancelButton').disabled = false;

}
</script>