javascript - 在不使用全局变量的情况下计算按钮被单击的次数

Question

有没有办法可以知道使用 jQuery 单击表单提交按钮的次数？

我找到了一些答案here但我不想使用全局变量。

有没有办法在 jQuery 中不使用全局变量来实现这一点？

<form id="form">
    <input type="button" id="Submit" name="Submit" value="Submit" />
</form>

JavaScript:

var count = 0;
$(document).ready(function(){
    $("form#Submit").submit(function(){
             count++;
        });
});

仅举个例子 --> 我想允许用户单击按钮 4 次，但如果他单击超过 4 次，我将显示一些警报消息

Answer 1

您可以将计数存储在按钮的数据中:

    $(document).ready(function () {
        $("form#Submit").submit(function () {
            var count = $(this).data("count") || 0;
            $(this).data("count", ++count);
        });
    });