Wyłącz przycisk generowany przez CakePHP FormHelper - javascript, jquery, cakephp

Używam przycisku przesłania wygenerowanego przezCakePHP FormHelper. Chciałbym wyłączyć to za pomocą jQuery po kliknięciu przycisku. Próbowałem użyć zwykłego atrybutu „wyłączony”, ale nic to nie dało.

Jak mogę wyłączyć przycisk, aby zapobiec przypadkowemu ponownemu przesłaniu formularza?

Odpowiedzi:

Wyłączenie formularza może być lepszym rozwiązaniem, aby zapobiec przesyłaniu innych niż kliknięcie przycisku przesyłania, takich jak naciśnięcie klawisza Enter podczas wprowadzania tekstu. Możesz ustawić data-disabled właściwość w formularzu po pierwszym przesłaniu i uniemożliwić przy kolejnych przesyłkach, jeśli jest ustawiona.

$("form").on("submit", function(e) {
var $form = $(this);

if($form.attr("data-disabled") === true) {
e.preventDefault();
return false;
}
$form.attr("data-disabled", true);
});

po prostu dodaj przycisk wysyłania do formularza i wyłącz przycisk wysyłania po jego kliknięciu

<?php
echo $this->Form->input("submitButton", array(
"id" => "submit",
"type" => "submit",
"label" => "",
"onclick" => "$(#"submit").disabled = true;"
));
?>