六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 30|回复: 0

jquery 中禁止表单多次提交

[复制链接]

升级  73.25%

801

主题

801

主题

801

主题

探花

Rank: 6Rank: 6

积分
2465
 楼主| 发表于 2013-1-29 10:34:24 | 显示全部楼层 |阅读模式
在jquery 中,防止提交多次表单其实是很简单的,代码如下:
<!DOCTYPE html><html lang="en">    <head>        <meta charset="UTF-8" />        <title>Safe submit with jQuery</title>        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>        <script type="text/javascript">            $(document).ready(function(){               $("#submit").click(function(                             $(":input").attr("disabled", true);               var dataString =  'name=test';               $.ajax({               type: "POST",               url: "1.php",               data: dataString,               success: function(){                             $(":input").removeAttr('disabled');               }               });               return false;               });            });        </script>    </head>    <body>        <form>            Name:<input type="test" name="name" id="name" />            <input type="submit" name="submit" id="submit" />        </form>    </body></html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表