Disabilita il pulsante generato da CakePHP FormHelper - javascript, jquery, cakephp

Sto utilizzando un pulsante di invio generato daCakePHP FormHelper. Vorrei disabilitarlo usando jQuery dopo aver cliccato sul pulsante. Ho provato a usare il normale attributo "disabilitato" ma non ha funzionato.

Come posso disabilitare il pulsante per impedire l'invio accidentale di nuovi moduli?

risposte:

Disabilitare il modulo può essere una soluzione migliore, per evitare invii diversi dal clic sul pulsante di invio, come premere invio in un input di testo. Puoi impostare un file data-disabled proprietà sul modulo dopo il primo invio e prevenirlo nei successivi invii se impostato.

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

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

devi semplicemente aggiungere il pulsante di invio al modulo e disabilitare il pulsante di invio una volta cliccato

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