怎样防止表单提交按钮多次提交

防止表单提交按钮多次提交的办法

如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。
另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行多次点击重复提交。

如果使用jQuery的话,只需要在onsubmit函数中的开始位置加一句:$(“#submit”).attr(“disabled”,”disabled”);或者向如下方法另行定义一个jQuery函数来进行控制:
$(“form”).submit(function(){
$(“:submit”,this).attr(“disabled”,”disabled”);
});

在事件处理程序体内,用:submit选择器来获取表单内所有的提交按钮,并将disable特性值改为disabled(w3c标准属性写法)。请注意,建立匹配集的时候我们提供this的上下文值,this指针总是引用已绑定事件的页面元素。

使用原生javascript的话,可以
document.forms[0].elements[0].disabled = true;    //true的标准写法为’disabled’
document.forms[0].submit();

但是通过js来控制并不能从根本上杜绝伪造表单攻击等网络安全问题,服务器端也应该对此采取相应措施。

同时,服务器端再次处理,去重处理接收的json数据

 $res_json = $_POST['postJson'];
$res_json = str_replace('\\', '', $res_json);
$array = json_decode($res_json, true);
//if($id == 8261){debug(self :: unique_arr($array));}
$array = self :: unique_arr($array);

一位数组可以用array_unique和array_flip方法处理,二维数组去除重复元素的处理:

 public function unique_arr($array2D,$stkeep=false,$ndformat=true)
{
// 判断是否保留一级数组键 (一级数组键可以为非数字)
if($stkeep) $stArr = array_keys($array2D);
// 判断是否保留二级数组键 (所有二级数组键必须相同)
if($ndformat) $ndArr = array_keys(end($array2D));
//降维,也可以用implode,将一维数组转换为用逗号连接的字符串
foreach ($array2D as $v){
$v = join(",",$v);
$temp[] = $v;
}
//去掉重复的字符串,也就是重复的一维数组
$temp = array_unique($temp);
//再将拆开的数组重新组装
foreach ($temp as $k => $v)
{
if($stkeep) $k = $stArr[$k];
if($ndformat)
{
$tempArr = explode(",",$v);
foreach($tempArr as $ndkey => $ndval) $output[$k][$ndArr[$ndkey]] = $ndval;
}
else $output[$k] = explode(",",$v);
}
return $output;
} 

打赏此文

如果您觉得本站的内容对您有所帮助,您可以扫描下面的二维码小额支付请我喝杯茶,感谢!打赏记录
支付宝
微信
承诺:凡打赏捐助的朋友,留言备注自己的邮箱,在打赏捐助时间点的6个月内,本站会每周邮件推送原创专业技术博文,供大家学习和参考!

留下评论

All fields marked (*) are required