onclick disable soumettre le bouton

Question

Je veux désactiver un bouton de soumission quand onclick. Im capable de désactiver le bouton, mais je ne peux pas soumettre la valeur de poste à PHP.

Answer 1

j'ai trouvé une alternative en ligne. wat je l'ai fait est de créer un faux bouton désactivé et caché. quand le bouton réel est cliqué, je le cacherai et montrera le faux bouton de désactivation.

bouton réelle:

$onclick = " 
var boolconfirm = confirm('$strconfirmattempt'); 
if(boolconfirm==true){ 
finishattempt.style.display='none'; 
finishattempt2.style.display='inline'; 
} 
return boolconfirm;"; 

bouton faux:

echo "<input type=\"submit\" name=\"finishattempt\" value=\"submit\" onclick=\"$onclick\" />. 
<input type=\"submit\" id=\"finishattempt2\" name=\"finishattempt2\" value=\"submit\" style=\"display:none;\" DISABLED/>\n"; 

Answer 2

<input type="submit" onclick="this.disabled = true" value="Save"/> 

ou ref this

Answer 3

Si vous désactivez une entrée, alors sa valeur sera naturellement pas inclus dans les données de formulaire. Vous devrez désactiver le bouton après que vous soumettez. Si vous liez un rappel à onclick, il exécute avant le formulaire soumet.

Qu'est-ce que vous avez besoin est quelque chose comme ceci:

jQuery:

$(document).ready(function() { 
    $(document).unload(function() { 
     $('#submit-btn').attr('disabled', 'disabled'); 
    }); 
}); 

JS réguliers:

document.onunload = disableSubmit; 
function disableSubmit() { 
    /* disable the submit button here */ 
} 

Fondamentalement, au lieu de se lier à l'événement onclick du bouton Envoyer , cela lie le code de désactivation à l'événement de déchargement du document (document.onunload), qui se déclenche une fois le formulaire soumis et vous commencez à quitter la page.

Answer 4

Vous pouvez utiliser un champ caché qui tient la valeur du bouton et tirez la valeur de vos données POST:

<input type="hidden" id="hiddenField" value="default" /> 

<input type="button" id="myButton" onclick="buttonClick();"> 

function buttonClick() 
{ 
    document.myForm.myButton.disabled = true; 
    document.myForm.hiddenField.value = "myButtonClicked"; 
} 

Mon PHP est un peu rouillé, mais vous pouvez accéder au champ caché comme ceci:

if ($POST['hiddenField'] == "myButtonClicked") 
{ 
    // Click handling code here 
} 

Answer 5

Pourquoi ne pas créer un bouton d'envoi désactivé qui est caché, et un bouton de soumission active et onClick montrent les personnes handicapées et masquer l'actif? Je pourrais le faire en jQuery, mais je suis un peu inutile sans cela. Triste, hein?

Answer 6

En utilisant jQuery, ajoutez gestionnaire onClick qui retourne false:

<input type="submit" value="Submit" onClick="$(this).click(function() {return false;});"/> 

Answer 7

Je l'ai résolu avec jQuery simple. Le code supprime le bouton sur le clic, puis ajoute le faux bouton ou un peu comme le "chargement .." du texte et envoie finalement le formulaire.

HTML:

<div class="holder"><input type='submit' value='ACCEPT' class='button'></div> 

jQuery:

$('.button').click(function() { 
     $('.button').remove(); 
     $('.holder').append("//fake input button or whatever you want."); 
     $('.form').submit(); 
    }); 

En diference avec d'autres méthodes telles que les décharger des changements de bouton dans le moment instant où vous cliquez et envoie le formulaire. Avec des formes lourdes, je pense que c'est une meilleure pratique.