Подсчитайте, сколько раз нажата кнопка, не используя глобальную переменную

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; 
     if(count >= x) 
     { 
      //user clicked more than you wanted to so do something here 
     } 

     $(this).data("count", ++count); 
    }); 
}); 

Answer 2

Вы можете хранить счетчик в кнопки он data:

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

Answer 3

Изначально добавьте идентификатор к вашей кнопке как 'clicked-0'. Теперь сделайте это, как показано ниже:

$(document).ready(function(){ 
    $("form#Submit").submit(function(){ 
     var clicks = $(this).attr('id').replace('clicked-',''); 
     clicks = clicks+1; 
     alert("No. of times clicked:"+clicks); 
     $(this).attr('id','clicked-'+clicks); 
    }); 
}); 

Answer 4

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

Количество определяется в анонимной функции, которая выполняется на domready. Таким образом, он доступен только внутри этой aonymous функции (и, конечно, чтобы все внутри него, например, функции представить)

EDIT

Вы можете проверить, что это не в глобальном масштабе:

$(document).ready(function(){ 
    var count = 0; 
    $("form#Submit").submit(function(){ 
     count++; 
     console.log(count); //for instance 
     console.log(window.count); //undefined 
    }); 
}); 

Answer 5

JavaScript

function CountOnFormSubmitEvent(form_id, _callback_) 
{ 
    var that = this, count = 0, callback = _callback_; 

    var form = document.getElementById(form_id); 
    if(form === null) { return null; } 

    var reset = function(){ 
     count = 0; 
    }; 

    form.addEventListener("submit", function(evt){ 
     callback(evt, ++count, reset); 
    }, false); 
} 

var counter = new CountOnFormSubmitEvent("myForm", function(event, count, reset_callback){ 
    event.preventDefault(); 
    if(count >= 4) 
    { 
     alert("Too many clicks !"); 
     reset_callback(); 
    } 
}); 

http://jsfiddle.net/3snmg7bt/

Я надеюсь, что это поможет;)