[Help] Submit Form Dan Pop Up Validasi

[vespaman]

help help help... saya bikin form dan ingi saya tampilkan di product detail, untuk menampilkannya saya pakai, {include file="$tpl_dir./tes.tpll"} dan sudah berhasil tampil, nah yang ingin saya tanyakan, pas form disubmit itu popup validasinya ga tampil dan action juga ga tampil, pas disubmit malah langsung ke cart.. mohon pencerahannya.. kurang lebih gini formnya...

 

<script>
d=document;
function combodisp(x) {
 switch(x) {
   case "1": {
  d.getElementById("combo2").style.display="none";
  d.getElementById("combo1").style.display="";
   }
   break;
   case "2": {
  d.getElementById("combo1").style.display="none";
  d.getElementById("combo2").style.display="";
   }
   break;
 }
}

function validasi(x) {
 if(x.xxx[1].checked) {
   alert("salah, tidak boleh memilih radio B");
   return false; //batalkan submit, radio ke-2 yg di pilih
 }

 if(x.a.value=="0") {
   alert("salah, opsi 'a' harus dipilih");
   return false; //batalkan submit, opsi 'a' belum dipilih
 }

 if(x.aa.value=="0") {
   alert("salah, opsi 'aa' harus dipilih");
   return false; //batalkan submit, opsi 'aa' belum dipilih
 }

 if(x.aaa.value=="0") {
   alert("salah, opsi 'aaa' harus dipilih");
   return false; //batalkan submit, opsi 'aaa' belum dipilih
 }

 return true;
}
</script>

<form onsubmit="return validasi(this);">
<input name="xxx" type=radio onclick="combodisp(this.value)" value="1">A<br>
<input name="xxx" type=radio onclick="combodisp(this.value)" value="2">B<br>
<div id="combo1">
<select name="a">
 <option value=0>- pilih opsi a -</option>
 <option>a1</option>
 <option>a2</option>
</select>
<select name="aa">
 <option value=0>- pilih opsi aa -</option>
 <option>aa1</option>
 <option>aa2</option>
</select>
<select name="aaa">
 <option value=0>- pilih opsi aaa -</option>
 <option>aaa1</option>
 <option>aaa2</option>
</select>
</div>
<div id="combo2" style="display:none;">
<select><option>bbb</option></select>
</div>
<input type=submit>
</form>