ASP .Netコミット時にButtonを無効にする
今日はちょっとしたことがあって、いたいです.Netのサーバコントロールasp:buttonを押すとOnClientClickでクライアント処理を行い、成功してバックグラウンドにコミットし、コミットするとbuttonがグレーになり、disabled=trueになります.しかし問題はOnClientClick=「return check();」で、js関数check buttonを設定すると..disabled=trueは、コミットされません.
インターネットでたくさんの資料を調べて、最後にまとめて、成功しました.
1、asp:button属性UseSubmitBehavior=「false」を設定すると、button typeはデフォルトの「submit」ではなく「button」になります.
2、js関数での呼び出し_doPostBackがコミットするには、このステップが重要です.doPostBackはクライアントのjsにサーバ側のイベントをトリガーさせることができ(ページが返信される)、ネット上の多くのチュートリアルにはこれがなく、OnClientClickで検証処理をしていない可能性があり、returnを必要としない理由です.
次の2つのコードは参照できます.
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebTest.aspx.cs" Inherits="DoubleClick.WebTest" %>
-
- html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
-
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head id="Head1" runat="server">
- <title>Untitled Pagetitle>
- <script type="text/javascript">
-
- function check() {
- if (document.getElementById("TextBox1").value == "") {
- alert(" ");
- return false;
- } else {
- document.getElementById("Button4").disabled = true;
- __doPostBack('Button4', '');
- return true;
- }
- }
- script>
- head>
- <body>
- <form id="form1" runat="server" >
- <div>
- <asp:TextBox ID="TextBox1" runat="server">asp:TextBox>
- <asp:Button ID="Button4" UseSubmitBehavior="false" runat="server" Text="My" OnClientClick="return check();" OnClick="Button1_Click" />
- div>
- form>
- body>
- html>
- public partial class WebTest : System.Web.UI.Page
- {
- protected void Page_Load(object sender, EventArgs e)
- {
- }
-
- protected void Button1_Click(object sender, EventArgs e)
- {
- Response.Write(TextBox1.Text);
- System.Threading.Thread.Sleep(2000);
- }
- }