Comment rester dans la page actuelle

Question

J'ai une forme de nom d'utilisateur et mot de passe des champs suivis par le bouton soumettre. Comment puis-je rester dans la page actuelle après avoir cliqué sur le bouton Envoyer sans reloder la page? Toute aide est appréciée.

Answer 1

Essayez si vous avez besoin d'un bouton sumit.

<input type="submit" onclick="return false" /> 

Mais vous pouvez utiliser un bouton cliquable simple si vous ne wan't pas votre formulaire sumbit clic ... dans ce cas, cela devrait faire l'affaire:

<input type="button" /> 

Answer 2

Il existe plusieurs options. Tout d'abord dans le balisage pour le bouton Envoyer, vous pouvez retourner false:

<input type="submit" onclick="return false;" /> 

Le problème avec l'approche est au-dessus qu'il annule la soumettre, pas sûr que ce soit désiré ou non. Une autre approche que vous pouvez prendre est d'utiliser quelque chose comme jQuery pour faire une requête ajax.

Pour ce faire, vous aurez besoin d'inclure jQuery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 

ensuite changer votre bouton Envoyer à un bouton normal:

<input type="button" onclick="doAjaxCall();" /> 

La doAjaxCall fonction javascript serait alors quelque chose comme:

<script type="text/javascript"> 
function doAjaxCall() { 
    $.ajax({ url: "destinationurl.aspx", success: function(){ 
     alert('success! insert success javascript code here'); 
    }}); 
} 
</script>