ASP .Net提交时禁用Button

时间：2017-04-21 00:23:39 阅读：212 评论：0 收藏：0 [点我收藏+]

标签：代码 ntb click 没有 lan nbsp 处理 span check

转自：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);
}
}

ASP .Net提交时禁用Button

标签：代码 ntb click 没有 lan nbsp 处理 span check

原文地址：http://www.cnblogs.com/zhenguoli/p/6741290.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行