手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js防止表单重复提交的两种方法
js防止表单重复提交的两种方法
摘要:第一种:用flag标识,下面的代码设置checkSubmitFlg标志:复制代码代码如下:varcheckSubmitFlg=false;f...

第一种:用flag标识,下面的代码设置checkSubmitFlg标志:

复制代码 代码如下:

<script language="”javascript”">

var checkSubmitFlg = false;

function checkSubmit(){

if(checkSubmitFlg ==true){ return false; //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交。

}

checkSubmitFlg ==true;

return true;

}

< /script >

< form name=”form1” method=”post” onsubmit=”return checkSubmit();”>

………..< /form>

第二种:在onsubmit事件中设置,在第一次提交后使提交按钮失效,代码如下:

复制代码 代码如下:

<form action=”about:blank” method=”post” onsubmit =”getElementById(‘submitInput').disabled=true;return true;” target=”_blank”>

<input type=”submit” id=”submitInput”/>

</form>

</body>

</html>

</script>

因为程序源码跟WIN2000的注册表有冲突,帖子发出后会出现无效页面,以致于论坛里有很多无恶意的重复帖子,后来想出了一个办法,用JS避免重复提交,下面是部分源码:

复制代码 代码如下:

<script Language='JavaScript'>

function formsubmit() {

Today = new Date();

var NowHour = Today.getHours();

var NowMinute = Today.getMinutes();

var NowSecond = Today.getSeconds();

var mysec = (NowHour*3600)+(NowMinute*60)+NowSecond;

if((mysec-document.formsubmitf.mypretime.value)>600)

//600只是一个时间值,就是5分钟内禁止重复提交,值随你高兴设

{

document.formsubmitf.mypretime.value=mysec;

}

else

{

alert(' 按一次就够了,请勿重复提交!请耐心等待!谢谢合作!');

return false;

}

document.forms.formsubmitf.submit();

}

</script>

</HEAD>

<BODY BGCOLOR="#FFFFFF">

<form name=formsubmitf id ="the" method="post" action="XXX.asp">

<input type=hidden name='mypretime' value='0'> //这句不能少,用隐含变量传递一个时间初值

//这里是你要提交的内容

<input type="button" value="写好了" name="button1" onclick='formsubmit()'><font>(请按一次,耐心等待!)</font><input type="reset" value="重 写" name="button2">

</form>

用了这个代码,论坛的重复帖子明显减少,不过有个缺点,就是刷新一次,检测就不起作用,好处就是利用JS检测,不需要额外的权限支持,至于效果如何,用不用就随你们了,(最好前端跟后端都加上检测)

【js防止表单重复提交的两种方法】相关文章:

JS动态增删表格行的方法

jquery控制表单输入框显示默认值的方法

jquery 构造函数在表单提交过程中修改数据

javascript生成不重复的随机数

JS实现定时自动关闭DIV层提示框的方法

js跨域请求的5中解决方式

禁止按回车键提交表单的方法

js光标定位文本框回车表单提交问题的解决方法

js去字符串前后空格的实现方法

快速掌握Node.js环境的安装与运行方法

精品推荐
分类导航