程序介绍：
1.方法一：hiddenForm 隐藏表单法: 查看函数 hiddenForm
2.方法二：disButtons 禁用按钮法: 查看函数 disButtons disButtons2
3.本程序为客户端JavaScript程序限制多次提交，冰河原创首发蓝色理想,欢迎大家转载,但请保留本人信息，谢谢
4.源码发布在我的手机主题站: http://www.qumiao.com/javascript/disRepSubmit.rar (本人所有原创程序均打包发在此)
5.作者邮箱及QQ: [email protected] 369768917 (加好友时请提醒：程序交流)
函数源码：
| 以下是引用片段 by alixixi.com： function checkform(frm) { //下面这一行是普通的验证判断 if(frm.keyword.value==””){alert(’“手机主题名称”不能为空’); frm.keyword.focus();return false} //重点在这, 在验证完之后执行如下函数可以防止表单数据重复提交 //disButtons(); //函数调用1 //disButtons2(); //或函数调用2 hiddenForm(frm); //或函数调用3 } |
/*
函数名称：hiddenForm
函数功能：提交时让表单自动隐藏，而不影响数据的提交
*/
| 以下是引用片段 by alixixi.com： function hiddenForm(frm) { //waitStr 提交过程中出现的提示,可以自行设置 var waitStr = “<center> Waiting…</center>”; frm.innerhtml = “<div style=’display:none;’>”+frm.innerHTML+”</div>”+waitStr; } |
/*
函数名称：disButtons
函数功能：提交前,将所有表单中的button,reset,submit禁用disabled;
如果是submit按钮，则添加与之相同隐藏文本框hidden对象,让提交的信息无一漏网
作者： 冰河
*/
| 以下是引用片段 by alixixi.com： function disButtons() { for(k=0;k<document.all.length;k++ ) { var obj = document.all(k) if( obj.type==’button’ || obj.type==’submit’ || obj.type==’reset’) { obj.disabled = true if (obj.type==’submit’) { var oNewNode = document.createElement(“input”); oNewNode.type = “hidden” oNewNode.name = obj.name oNewNode.value = obj.value //frm.insertAdjacentElement(“beforeEnd”,oNewNode); obj.insertAdjacentElement(“afterEnd”,oNewNode); } } } } |
/*
函数名称：disButtons2
函数功能：提交前,将所有表单中的button,reset,submit禁用disabled;
如果是submit按钮，则添加与之相同隐藏文本框hidden对象,让提交的信息无一漏网
作者： 冰河
函数说明：与上面的函数功能一样，但适用浏览器范围更广,推荐使用此函数。
*/
| 以下是引用片段： function disButtons2() { for(k=0;k<document.forms.length;k++ ) { var frm = document.forms[k] for(i=0;i<frm.length;i++) { var obj = frm.elements[i] if ( obj.type==’button’ || obj.type==’submit’ || obj.type==’reset’ ) { obj.disabled = true if (obj.type==’submit’) { var oNewNode = document.createElement(“input”); oNewNode.type = “hidden” oNewNode.name = obj.name oNewNode.value = obj.value //frm.insertAdjacentElement(“beforeEnd”,oNewNode); obj.insertAdjacentElement(“afterEnd”,oNewNode); } } } } } |
欢迎大家阅读《通过js在客户端限止用户重复提交的代码…_js》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：通过JS在客户端限止用户重复提交的代码_js
转载请注明原文链接：通过JS在客户端限止用户重复提交的代码_js
