表单里只能点击一次的按钮
来源:互联网 发布:网络硬件知识 编辑:程序博客网 时间:2024/05/19 14:52
今天在一个ASP.NET项目中,有个页面提交时,因为数据量比较大,页面刷新比较慢,有的用户多次点击提交按钮。导致有多条记录插入到数据。
就想把按钮做成只能点击一次,不能再次点击的效果。在网上查找按钮的onclientclick 和验证控件的冲突的问题(唉~~,以前看过没有记住o(╯□╰)o)时,无意看到有人写过这样的只能点击一次的按钮。
有两个假设前提:
- Button必须是button类型,不能使submit类型
- 如果我们使用验证,javascript可以使用。
.aspx 页面:
<asp:TextBox ID="TextBox1" runat="server" ValidationGroup="SubgurimTest"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ErrorMessage="*" ControlToValidate="TextBox1" ValidationGroup="SubgurimTest">
</asp:RequiredFieldValidator>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="OnceClickMe" ValidationGroup="SubgurimTest"
UseSubmitBehavior="false" OnClientClick="clickOnce(this, 'Cargando...')" />
<br />
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
注意黑体字噢
.aspx.cs
protected void Button1_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(1000);
Label1.Text = DateTime.Now.ToString();
}
.js
function clickOnce(btn, msg)
{
// Test if we are doing a validation
if (typeof(Page_ClientValidate) == 'function')
{
// if we are doing a validation, return if it's false
if (Page_ClientValidate() == false) { return false; }
}
// Ensure that the button is not of type "submit"
if (btn.getAttribute('type') == 'button')
{
// The msg attibute is absolutely optional
// msg will be the text of the button while it's disabled
if (!msg || (msg='undefined')) { msg = 'Loading...'; }
btn.value = msg;
// The magic :D
btn.disabled = true;
}
return true;
}
- 表单里只能点击一次的按钮
- 按钮只能点击一次的jq方法
- android 按钮只能点击一次
- 用js实现只能点击一次的按钮的功能
- 表单操作,多个按钮的点击事件相同,当前只能点击一个按钮。
- 按钮只能点击一次,点击过后立即失…
- 网页里不能直接添加分享按钮或链接,只能手动点击右上角的分享
- jQuery点击一次按钮提交多个表单带来的问题
- 只能提交一次的按钮,提交后按钮变为灰色
- 只能提交一次的按钮,提交后按钮变为灰色
- jquery如何实现一个按钮只能点击一次,再点击就无效?
- 点击按钮一次,多次请求的问题
- 点击按钮弹出包含表单的窗口
- Ionic controller里的代码只能运行一次
- form表单里的button按钮
- 点击按钮,生成表单
- 在表单里 有按钮的 触发js后都要加个retrun false-->防止点击后页面被刷新
- 点击按钮进入一个只能选择的页面
- FZU 1016 无归之室
- 如何区分按键单击和双击
- Delphi的经典书籍
- 测试内容
- 最NB的100句话
- 表单里只能点击一次的按钮
- 在比尔·盖茨写给高中毕业生和大学毕业生的一本书里,列举了11项学生没能在学校里学到的东西,对刚刚毕业的学子们列出11条忠告:
- 物料编码的方法与技术
- ASP.NET加密教程(MD5和SHA1加密几种方法)
- linux的syslog机制 【syslog编程和设置】
- 用Struts上传多个文件的方法
- WIN7(即IE8)与支付宝的解决方案(网银U盾通解)
- 电赛
- 写一个来开张。。。。。