转自：http://gaterking.blog.51cto.com/69893/301691/
今天遇到一种小情况，想要在.net的服务器控件asp:button按下去时通过OnClientClick进行客户端处理，成功就提交到后台，提交后button变灰，disabled=true。但问题来了，在 OnClientClick="return check();"，js函数check如果设置button..disabled = true，将不再提交。
上网查了很多资料，最后总结了一下，成功完成。
1、设置asp:button属性UseSubmitBehavior="false"，这样button type将变成“button”，而不是默认的“submit”；
2、js函数中调用__doPostBack进行提交，这步很关键，__doPostBack可以让客户端的js触发服务器端的事件（页面会回发），网上很多的教程都没有这部，可能他们都不是在OnClientClick做验证处理，不需要return的原因。
下面这两段代码可以参考下。
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebTest.aspx.cs" Inherits="DoubleClick.WebTest" %>
- <!DOCTYPE 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 Page</title>
- <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);
- }
- }