javascript - 如何在点击多次后发出警报

Question

你好我可爱的stackies，

经过大量研究但没有可行的解决方案后，我想我会在这里碰碰运气。我有一个按钮，可以将用户的公式发布到我的服务器。但我的大问题是，当用户点击他想要多少的按钮时，我得到的公式与他点击它的次数一样多。

我的按钮和发送功能是:

echo "<form name=\"myForm\" method=\"POST\" action=\"aktenerfassung.php?id=$id&mandnr=$mandnr&countBeleg=$countBeleg\"> \n";
echo "<p align=\"center\"><input id=\"absenden\" align=\"center\" type=\"submit\" value=\"Fehler korrigieren\" name=\"B1\"></p> \n";
echo "</form> \n";
unset($clsAktenerfassung);

我的解决方案是:

$(function() {

    $('absenden').on('click', function(e) {
        var trigger = $(this),
        clickCount = trigger.data('clickCount');

        clickCount++;

        trigger.data('clickCount', clickCount);
    }
        if(clickCount > 1) {
            alert('schon einmal klicken')
        }

    });

但我仍然可以按我想要的次数按下按钮，但仍然不会收到警报。我什至没有收到来自 PHP 的错误消息。

这应该是警报:

    if(clickCount > 1) {
        alert('schon einmal klicken')
    }

如果有任何不清楚或您需要其他信息或这篇文章已经存在于 stackoverflow 中，请告诉我。

已经谢谢你了!!

Answer 1

我遇到了同样的问题，我没有捕捉到“超过 1 次点击”，而是决定禁用该按钮并将其文本更改为类似 “发送数据...” 的内容。我使用这个简单的代码通过 jQuery 实现了这一点:

$('form[name=myForm]').submit(function()
{
    $('#absenden').attr("disabled", true);
    $('#absenden').html("Sending datas...");
});

该事件在表单提交时触发，而不是在提交按钮上触发，因为用户可以使用回车键或回车键提交。