Sortir d'une fonction sans recharger la page

Bonjour,

Je pense que la solution est simple, mais je n'arrive pas à trouver.

Dans mon header, j'ai cette fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript">
 
$(document).ready(function(){
 
	$("#btn_cache").click(function() {
		if($('.paiement input:checked').length==0){
			$(".errpaiement").css("visibility", "visible");
		}
		else if($('.cgv input:checked').length==0){
			$(".errcgv").css("visibility", "visible");
			}
			else {
				$(this).css("visibility", "hidden");
				$("#loader").css("display","block");
			}
	})
 
});
</script>

Voici le CSS :

Code:

1
2
3
4
5
6
7
 
#contenu p.errpaiement, #contenu p.errcgv {
	border:none;
	visibility:hidden;
	margin:0;
	padding:0;
}

Et le html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
                <form id="form_pay" class="jNice" action="commande.php" method="GET" >
                	<input type="hidden" name="action" value="paiement" />
 
                        <THELIA_PAIEMENT type="PAIEMENT">  
						    <TEST_paiement variable="#ID" test="egal" valeur="30">
	                            <div class="paiementpetit">
						    </TEST_paiement>
	                            <div class="paiement">
						    <//TEST_paiement>
                                <input type="radio" value="#ID" name="type_paiement" id="radi#ID" />
                                <label for="radi#ID">#TITRE</label>
                            </div>                            
                        </THELIA_PAIEMENT>
                    <div class="clear"></div>
                    <p class="errpaiement"><span class="obligatoire">* Vous devez choisir un moyen de paiement</span></p>
                    <p class="errcgv"><span class="obligatoire">* Vous devez valider les Conditions Générales de vente</span></p>
                    <div class="cdv">
                        <input id="chk_cgv" type="checkbox" />
                        <label>J'ai lu et accept&eacute; les <a>conditions g&eacute;n&eacute;rales de vente</a></label>
                    </div>
                    <div id="btn_cache">
                        <a class="details" href="javascript:document.forms['form_pay'].submit()"/><img src="#SQUELETTE_TROUVER(images/main2.png)" alt="main" class="img"/>PAIEMENT</a>
                    </div>
                    <a class="acheter" href="adresse.php"><img src="#SQUELETTE_TROUVER(images/main3.png)" alt="main3" class="img"/>RETOUR</a>                      
                    <img src="#SQUELETTE_TROUVER(images/loader.gif)" id="loader" title="loader" alt="loader" />
				</div>
                </form>

Je souhaite que lorsque l'on clique sur le bouton s'affiche les messages d'erreur, mais sans le rechargement complet de la page qui du coup supprime l'affichage du message d'erreur qui vient d'apparaitre.

Merci, Alfouine