как остановить onclick от стрельбы дважды с помощью javascript

Question

function save_team() 
{ 
     $('#saveBtn').unbind('click'); 

     $.ajax(
     {   
     type: "POST", 
     url: "save.php", 
     data: { team_Array : t_pls }, 

      success: function(data) { 
       $('#msg').text(data); 
      } 
     });  
} 

<input type="submit" value="SAVE" id="saveBtn" onclick="save_team()"> 

Я искал, нашел некоторые решения, но они не работают. как предотвратить двойное срабатывание кнопки SAVE/onclick? Я пытаюсь сохранить команду из 10 игроков в mysql. Если команда такая же, и событие onclick происходит, ничего не должно произойти. Кто-то предложил мне сделать это в PHP-скрипте (в моем случае save.php). Но я не мог придумать идеальное решение.

Я думаю, что я должен сделать это, используя php. Когда команда не изменяется, событие onclick должно быть отключено, и когда команда изменяет, должен быть сделан ajax-вызов, и команда должна быть сохранена в БД. Итак, one() вызывает или отключает attr. не поможет здесь. PLS предложить некоторые php скрипт помощи.

Answer 1

Простое решение - отключить кнопку и включить ее при обратном вызове.

$('#saveBtn').attr('disabled','disabled') 

Answer 2

для отключения кнопки.

$('#Btn').attr('disabled',true); 

Answer 3

Я предлагаю отключить кнопку, как только она будет нажата в первый раз. Перед вызовом ajax. Мы должны быть осторожны, чтобы кнопка была успешной, а также ошибки. Вы также можете использовать полный вызов AJAX, чтобы включить кнопку.

  { 
        $('#btnId').attr("disabled", true); 
        // make the AJAX call.. 
        $('#btnId').attr("disabled", false); 
      } 

Answer 4

Использование JQuery один:

$("#saveBtn").one("click", function() { 
    save_team(); 
}); 

Answer 5

HTML

<input type="button" value="SAVE" id="saveBtn" onclick="save_team()"> 

JavaScript

$('#saveBtn').attr('disabled','disabled') 

Отключить кнопку и включить, когда ответ возвращается из ajax.

Answer 6

Я предлагаю сделать три вещи. Сначала отключили кнопку после ее нажатия.

$('#saveBtn').attr('disabled','disabled'); 

вторых связать обработчик щелчка, используя один()

$("#saveBtn").one('click', save_team); 

В-третьих, это ставит бизнес-логику в вашем пользовательском интерфейсе, так что если он должен быть там, то проверки должны быть продублированы в РНР на сервер.

Answer 7

Отключите кнопку, а при успешном запуске или ошибке включите ее.

Answer 8

Использование JQuery один метод

$('#saveBtn').one('click', save_team) 

Answer 9

Вы должны отменить автоматическую отправку формы возвращающегося false в вашей функции и возвращающийся его в значении onclick атрибута тоже:

function save_team() 
{ 
    //$('#saveBtn').unbind('click'); I think this line is not needed anymore 
    $.ajax(
    {   
     type: "POST", 
     url: "save.php", 
     data: { team_Array : t_pls }, 

     success: function(data) { 
      $('#msg').text(data); 
     } 
    }); 
    return false; 
} 

<input type="submit" value="SAVE" id="saveBtn" onclick="return save_team()">