Aceptar o cancelar en boton

[kimmy]

Hola tengo el siguiente código pero no se como ponerle que si el usuario presiona cancelar se quede en la misma pagina, pues como está me redirecciona a la pagina del action del form:

Código HTML:

function confirma_apuesta() {
	sel_ganador = document.getElementById('ganador');
	sel_place = document.getElementById('place');
	fijo = document.getElementById('fijo').value;

	boletos1 = sel_ganador.options[sel_ganador.selectedIndex].value;
	boletos2 = sel_place.options[sel_place.selectedIndex].value;
	importe = (boletos1 * fijo) + (boletos2 * fijo);
	if(importe == 0) {

 		alert('Por favor seleccione la cantidad de boletos para apostar');
		return false
	} else {
		mensaje = '¿Desea apostar ' + boletos1 + ' ganador y ' + boletos2 + ' place' + '\ncon un total de: Bs. ' + importe + '?';
		return confirm(mensaje);
	}
}

como puedo hacerlo??? Gracias.

[caricatos]

Hola:

¿Cómo haces la llamada...?

Por lo que veo, no haces la validación desde dentro del form...

Saludos

[kimmy]

Hola dentro del form tengo esto:

Código HTML:

<table width="173" border="1"><form action="apostar.php" method="post">
                                        <tr>
                                          <td bgcolor="#000066" class="Estilo6"><div align="center" class="Estilo10">APOSTAR</div></td>
                                        </tr>
                                        <tr>
                                          <td bgcolor="#8080FF" class="Estilo6"><div align="center">Ganador y Place </div></td>
                                        </tr>
                                        <tr>
                                          <td bgcolor="#D2D2FF" class="Estilo6"><div align="center">&nbsp;Dividendo Oficial&nbsp;</div></td>
                                        </tr>
                                        <tr>
                                          <td class="Estilo6"><div align="center">Ejemplar N&ordm; <br />
                                          </div></td>
                                        </tr>
                                        <tr>
                                          <td bgcolor="#FFFFFF" class="Estilo6"><div align="center">
										  <?php
										   $sql1 = mysql_query("SELECT n_caballo, nombre_caballo, jinete, kg FROM caballos WHERE '$fecha_carrera' and hipodromo = '$hipodromo' and carrera = '$carrera' ORDER BY n_caballo ASC");
										     echo "<select name='n_caballo' id='n_caballo'>";
    while ($registro1 = mysql_fetch_array($sql1)) {
	$n_caballo = $registro1["n_caballo"];
										echo " <option value='$registro1[n_caballo];'>$registro1[n_caballo]</option>";
										
										 }
										  echo "</select>";
										?>
                                          </div></td>
                                        </tr>
                                        
                                        <tr>
                                          <td bgcolor="#8080FF" class="Estilo6"><div align="center">Cantidad de Boletos: </div></td>
                                        </tr>
                                        <tr>
                                          <td class="Estilo6"><div align="center">Ganador</div></td>
                                        </tr>
                                        <tr>
                                          <td class="Estilo6"><div align="center">
                                             <select name="ganador" id="ganador" onchange="actualiza_apuesta();">
                                                <option value="0" selected>0</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10</option>
                                                <option value="15">15</option>
                                                <option value="20">20</option>
                                                <option value="25">25</option>
                                                <option value="30">30</option>
                                                <option value="35">35</option>
                                                <option value="40">40</option>
                                                <option value="45">45</option>
                                                <option value="50">50</option>
                                            </select>
                                        <input id="fijo" name="fijo" type="hidden" value="2.00"  />


 </div></td>
                                        </tr>
                                        <tr>
                                          <td class="Estilo6"><div align="center">Plac&eacute;</div></td>
                                        </tr>
                                        <tr>
                                          <td class="Estilo6"><div align="center">
                                            <select name="place" id="place" onchange="actualiza_apuesta();">
                                              <option value="0" selected>0</option>
                                              <option value="1">1</option>
                                              <option value="2">2</option>
                                              <option value="3">3</option>
                                              <option value="4">4</option>
                                              <option value="5">5</option>
                                              <option value="6">6</option>
                                              <option value="7">7</option>
                                              <option value="8">8</option>
                                              <option value="9">9</option>
                                              <option value="10">10</option>
                                              <option value="15">15</option>
                                              <option value="20">20</option>
                                              <option value="25">25</option>
                                              <option value="30">30</option>
                                              <option value="35">35</option>
                                              <option value="40">40</option>
                                              <option value="45">45</option>
                                              <option value="50">50</option>
                                            </select>
                                          </div></td>
                                        </tr>
                                        <tr>
                                          <td class="Estilo6"><div align="center"></div></td>
                                        </tr>
                                        <tr>
                                          <td class="Estilo6"><div align="center">
                                              <input name="Submit" type="submit" class="Estilo8" id="apostar" value="APOSTAR" onclick="return confirma_apuesta()"
 />
                                          </div></td>
                                        </tr>
                                    </form></table> 

Lo unico que no hace es cancelar pues al darle a cualquiera de los dos botones me ejecuta el action del form.

Como hago?

[caricatos]

Hola:

El sangrado de líneas de tu editor es francamente odioso...

La forma correcta de validar es como te comenté, desde el mismo evento de envío (en el tag form)

<form onsubmit="return confirma_apuesta()"...

Para orientarte mejor, te paso un tutorial. El abc de los formularios

Saludos

[kimmy]

Caricatos, disculpa lo del sangrado. Gracias por ayudarme funcionó perfecto.