Amigos :
He puesto un boton tipo imagen en un formulario, pero el problema es que cuando hago click se supone que debe verificar si uno de los casilleros esta vacío y en ese caso mostrar un mensaje de error... pues bien, sí muestra el mensaje de error, pero a continuacion inmediatamente pasa al archivo del action , es decir, no me da la posibilidad de arreglar el error del dato que faltaba... que puedo hacer ?
Aqui mi codigo en el header :
Cita: <script defer type="text/javascript">
function Validarequest(form)
{
if (form.size.value==0)
{ alert("Please choose a size"); form.size.focus(); return; }
if (form.color.value==0)
{ alert("Please choose a color"); form.color.focus(); return; }
if (form.qty.value==0)
{ alert("Please select the quantity of items"); form.qty.focus(); return; }
form.submit();
}
</script>
Aqui mi codigo en el cuerpo :
Cita: <form id="form1" name="form1" method="post" action="loaditem.php">
<div id="sizes">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="24%"><b>Size </b></td>
<td width="76%">
<select name="size" id="size">
<option value="0">---</option>
</select>
</td>
</tr>
</table>
</div>
<div id="colortitle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21%"><b>Color </b></td>
<td width="79%">
<select name="color" id="color">
<option value="0">Choose a color...</option>
</select>
</td>
</tr>
</table>
</div>
<div id="orderqty">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%"><b>Qty. </b></td>
<td width="33%">
<select name="qty" id="qty">
<option value="0">---</option>
</select>
</td>
<td width="1%"> </td>
<td width="41%">
<input type="image" src="images/btn_addtocart.png" name="button" onclick="Validarequest(this.form)" alt="Add to Cart">
</form>