jquery 中禁止表单多次提交

最新推荐文章于 2021-04-26 18:51:55 发布

jackyrongvip

最新推荐文章于 2021-04-26 18:51:55 发布

阅读量156

点赞数

分类专栏： ajax/web相关文章标签： jquery ajax ViewUI

本文链接：https://blog.csdn.net/jackyrongvip/article/details/84119067

版权

ajax/web相关专栏收录该内容

409 篇文章 1 订阅

订阅专栏

在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>