event-handling 相关问题

< <form id="form1" runat="server" method="post" class="needs-validation" novalidate=""> <div class="form-group"> <label for="txtEmail">Email</label> <asp:TextBox runat="server" ID="txtEmail" TextMode="Email" CssClass="form-control" TabIndex="1" ValidateRequestMode="Enabled" autofocus="autofocus" /> <div class="invalid-feedback"> Please fill in your email </div> </div> <div class="form-group"> <asp:Button runat="server" ID="btnSubmit" ClientIDMode="Static" OnClientClick="return startTimer();" CssClass="btn btn-primary btn-lg btn-block" UseSubmitBehavior="false" OnClick="btnSubmit_Click" Text="Submit" /> <%--<asp:LinkButton ID="btnSubmit" type="submit" runat="server" ClientIDMode="Static" OnClick="btnSubmit_Click" CssClass="btn btn-primary btn-lg btn-block" TabIndex="2" Text="Submit" />--%> </div> <div class="form-group"> <asp:Label ID="lblTimer" runat="server" ClientIDMode="Static" CssClass="text-dark text-small"></asp:Label> </div> </form> 这是我的代码，在ASP按钮中，我同时放置了onClick()和OnClientClick()，我需要工作。但这行不通。下面我提供了 JavaScript 函数以及我的代码隐藏函数。 function startTimer() { startMinutes = 1; // Set the desired countdown time time = startMinutes * 60; btnSubmit.prop('disabled', true); btnSubmit.val('Resend'); timerElement.style.display = 'block'; if (!interval) { interval = setInterval(updateTimerCountdown, 1000); } return true; // Ensure postback happens } protected void btnSubmit_Click(object sender, EventArgs e) { Page.ClientScript.RegisterStartupScript(this.GetType(), "Timer", "alert('button clicked!');", true); } 我尝试过的： JavaScript 函数 (startTimer)：您编写了一个 JavaScript 函数，用于启动计时器并禁用按钮，并期望在表单提交之前执行该函数。带有 OnClientClick 和 OnClick 的 ASP 按钮：您指定 OnClientClick 来调用 JavaScript 函数，并分配 OnClick 来处理服务器端逻辑。我的期望：我预计当单击按钮时： startTimer JavaScript 函数将运行，禁用按钮并启动计时器。表单将在 JavaScript 函数执行后提交，触发服务器端 btnSubmit_Click 事件处理程序。警报“已点击按钮！”将显示，确认服务器端代码已运行。发生了什么：仅执行客户端 JavaScript 或服务器端代码，而不是两者都执行。表单提交可能已被中断，或者 JavaScript 可能阻止了回发的发生，从而导致：计时器启动，但未触发服务器端事件（btnSubmit_Click）。服务器端事件正在被触发，但 JavaScript 没有按预期执行。您的设置的主要问题是仅执行两个操作（OnClientClick 或 OnClick）之一。 <form id="form1" runat="server" method="post" class="needs-validation" novalidate=""> <div class="form-group"> <label for="txtEmail">Email</label> <asp:TextBox runat="server" ID="txtEmail" TextMode="Email" CssClass="form-control" TabIndex="1" ValidateRequestMode="Enabled" autofocus="autofocus" /> <div class="invalid-feedback"> Please fill in your email </div> </div> <div class="form-group"> <asp:Button runat="server" ID="btnSubmit" ClientIDMode="Static" OnClientClick="return startTimer();" CssClass="btn btn-primary btn-lg btn-block" UseSubmitBehavior="true" OnClick="btnSubmit_Click" Text="Submit" /> </div> <div class="form-group"> <asp:Label ID="lblTimer" runat="server" ClientIDMode="Static" CssClass="text-dark text-small"></asp:Label> </div> </form> <script type="text/javascript"> function startTimer() { console.log("Timer started"); var startMinutes = 1; // Set the desired countdown time var time = startMinutes * 60; document.getElementById('<%= btnSubmit.ClientID %>').disabled = true; document.getElementById('<%= btnSubmit.ClientID %>').value = 'Resend'; setTimeout(function() { console.log("Timer finished"); document.getElementById('<%= lblTimer.ClientID %>').innerText = "Timer done!"; }, 1000); return true; // Ensure form submission } </script>

javascript asp.net webforms event-handling onclientclick

回答 1 投票 0

Dart 中的事件和 EventHandle

我来自 C#，我（或多或少）了解事件的逻辑及其工作原理。现在，我必须将事件范例（带有数据传递）从 C# 导出到 Dart，但我不明白...

dart events event-handling

回答 2 投票 0

Blazor 状态变化传播

我正在编写一个由多个组件组成的 Blazor 应用程序；例如，UserExplorer 组件提供查看、添加、更新和删除用户的功能。这些功能中的每一个...

c# blazor event-handling

回答 1 投票 0

React 18.3.1 中的 SetState 调用未在 Promise 调用中进行批处理

在 React 中，setState 调用通常是批处理的。但是，当包含 microTask（例如 Promise）的本机事件处理程序中发生 setState 调用时，批处理行为会发生变化。具体...