单击时,javascript / jquery禁用提交按钮,防止双重提交

前端之家收集整理的这篇文章主要介绍了单击时,javascript / jquery禁用提交按钮,防止双重提交前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有一个如下所示的提交按钮:
<a href="#" id="submitbutton" 
onClick="document.getElementById('UploaderSWF').submit();">
<img src="../images/user/create-product.png" border="0" /></a>

当我双击它时双重明显提交,问题就在于此
我将信息保存在数据库中,所以我会在那里发布信息,
我不想那样这个上传器使用flash和javscript,这里有一点点
与提交事物相关的代码(如果有帮助)

$.fn.agileUploaderSubmit = function() {
    if($.browser.msie && $.browser.version == '6.0') {
        window.document.agileUploaderSWF.submit();
    } else {
        document.getElementById('agileUploaderSWF').submit();
        return false;
    }
}

感谢你们.
我感谢您的帮助.这是我自己无法做到的事情
因为我对js有这么一点经验而且我真的不知道怎么做
做的事.
谢谢.

解决方法

试试这个剪辑:
$('#your_submit_id').click(function(){
    $(this).attr('disabled');
});

编辑1

哦,在你的情况下,它是一个链接,没有提交按钮……

var submitted = false;

$.fn.agileUploaderSubmit = function() {
    if ( false == submitted )
    {
        submitted = true;

        if($.browser.msie && $.browser.version == '6.0') {
            window.document.agileUploaderSWF.submit();
        } else {
            document.getElementById('agileUploaderSWF').submit();
        }
    }

    return false;
}

编辑2

为简化此操作,请尝试以下操作

<!doctype html>

<html dir="ltr" lang="en">

<head>

<Meta charset="utf-8" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
    $(document).ready(function()
    {
        $('#yourSubmitId').click(function()
        {
            $(this).attr('disabled',true);

            /* your submit stuff here */

            return false;
        });
    });
//--><!]]>
</script>

</head>
<body>

<form id="yourFormId" name="yourFormId" method="post" action="#">
    <input type="image" id="yourSubmitId" name="yourSubmitId" src="yourImage.png" alt="Submit" />
</form>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

</body>
</html>

使用表单元素(如< input type =“image”/>)提交表单而非普通链接.

这很好用!

看看jQuery.post()提交表格.

祝好运.

编辑3

这对我也很有用:

<!doctype html>

<html dir="ltr" lang="en">

<head>

<Meta charset="utf-8" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
    $(document).ready(function()
    {
        var agileUploaderSWFsubmitted = false;

        $('#submitbutton').click(function()
        {
            if ( false == agileUploaderSWFsubmitted )
            {
                agileUploaderSWFsubmitted = true;

                //console.log( 'click event triggered' );

                if ( $.browser.msie && $.browser.version == '6.0' )
                {
                    window.document.agileUploaderSWF.submit();
                }
                else
                {
                    document.getElementById( 'agileUploaderSWF' ).submit();
                }
            }

            return false;
        });
    });
//--><!]]>
</script>

</head>
<body>

<form id="agileUploaderSWF" name="agileUploaderSWF" method="post" action="http://your.action/script.PHP">
    <input type="text" id="agileUploaderSWF_text" name="agileUploaderSWF_text" />
</form>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

<a href="#" id="submitbutton"><img src="../images/user/create-product.png" border="0" /></a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

</body>
</html>

希望这会有所帮助.

原文链接:https://www.f2er.com/jquery/151220.html

猜你在找的jQuery相关文章