Probleme javascript action form

salut tout le monde,

voilà que je vais faire:
1- tester si la date et valide : function1 ( change class div )
2-selectionnée ou moins une chambre : function 2 ( get url )

probléme:

l'url n'est pas pris en conséderation, elle ne change pas
et le msg verif date s'affiche 1e seconde et s'envole

code js

<script language="javascript" type="text/javascript">

function change_class() {
if (document.getElementById("datepicker2").value < "<?php echo $dd1=date('d-m-Y'); ?>"){ 
document.getElementById("VerifDate").className ="visible";
}

}

function envoyer(form){
if (document.form.DRSelect.value != "0" && document.form.SRSelect.value != "0" && document.form.TRSelect.value != "0" && document.form.QRSelect.value != "0" ){
document.form.action="reservation-2.php?hotId=<?php echo $hotId ; ?>";
}else{
document.form.action="#";
document.getElementById("VerifChambre").className ="visible";

}
} 


</script>

css

<style type="text/css">

.visible { visibility:visible }
.not_visible { visibility:hidden }

</style>

html

<form name="Hotel_Selection" method="post" onSubmit="envoyer(this.form);" id="Hotel_Selection">


<input type='text' name='dated' id='datepicker2' value=".$datecal." />




<div id="VerifDate" class="not_visible" style="border:#FF0000 solid 1px" align="center"><span style="color:#FF0000">veuillez sélectionner un date valide</span></div>
<div id="VerifChambre" class="not_visible" style="border:#FF0000 solid 1px" align="center"><span style="color:#FF0000">veuillez sélectionner ou moins une chambre</span></div>

<input type="submit" class="cr_button-book" value="Tarif et Dispo" onclick="change_class();" />

</form>


merci de votre aide