Masquer le bouton Envoyer après la soumission?

Après l'envoi, je souhaite que le bouton de soumission se cache via jQuery. Il se cache, mais peu après la page se recharge ... Pourquoi?Masquer le bouton Envoyer après la soumission?

HTML:

<!DOCTYPE html> 
<html> 
<head> 

<script src="js/submit_rsvp.js"></script> 
<script src="js/jquery-1.2.3.pack.js"></script> 
<script src="http://code.jquery.com/jquery-git.js"></script> 

</head> 
<body> 

<form name="rsvp" method="post" action="" id='form'> 
<input type='submit' name='submit' value='submit' id='submit' class='clickMe'> 
</form> 


</body> 
</html>

JS:

$(document).ready(function() { 
$(".clickMe").click(function() { 
$("submit").hide(); 
}); 
});

Merci! Coulton

Source

2011-04-27 iosfreak

Par opposition à .. _what_ comportement désiré? –

L'action de votre formulaire est vide. Ainsi, lorsque vous cliquez sur Envoyer, il suffit d'utiliser la page en cours comme action. C'est pourquoi il recharge la page actuelle. Si vous ne voulez pas soumettre le formulaire, vous pouvez le faire:

$("#form").submit(function(e) { 
    e.preventDefault(); 
    $("submit").hide(); 
});

Source

2011-04-27 21:54:07

Lorsque vous soumettez, la page se recharge et tout est de nouveau carré. Essayez de suivre.

$(document).ready(function() { 
$(".clickMe").click(function() { 
$("submit").hide(); 
return false; 
}); 
});

Source

2011-04-27 21:53:10 Jaspero

Il semble assez probable que l'OP souhaite cacher le bouton de soumission lors de la soumission, et non à la place. –

Cela se produit parce qu'il est un bouton submit, ce qui provoque la forme pour produire une nouvelle requête POST et la page pour recharger. Ajouter:

event.preventDefault();

au début de votre fonction anonyme pour remplacer ce comportement par défaut.

Source

2011-04-27 21:53:26 tunnuz

Masquer le bouton Envoyer après la soumission?

Répondre

Questions connexes