alguien q me ayude con esto

darwin_le · #1 (**permalink**) 22/06/2009, 07:24

hola a todos tengo un problemita con la validacion del formulario q es cuando le doy clik al boton de GENERAR REPORTE si no hay un radio marcado tiene q aparecerme un mensaje q tiene q elegir un radio y cuando elijo uno y le doy al boton el msj me sale pero le doy aceptar y me dentra a la pagina eso no me deberia pasar ayudamen
aqui les dejo mi codigo:

Código HTML:

<head>
<SCRIPT LANGUAGE="JavaScript">
function validarFormulario() {
  var form = document.formulario;
  var s = "no";
  for ( var i = 0; i < form.salario.length; i++ ) {
    if ( form.salario.checked ) {
    s= "si";
    break;
    }
  }
  if ( s == "no" ){
    alert( "Debe seleccionar una opcion" ) ;
  }
}
</SCRIPT> 
<body>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>

<table width="100%" border="0" cellspacing="0" cellpadding="0" center>
  <tr>
    <td width="254"><div align="left"><img src="imagenes/top21.jpg" width="254" height="75" /></div></td>
    <td width="" align="right" valign="bottom" class="mainhead Estilo74" title="Consulta Recibo de pago"><div align="center"><center><h3><font face="arial"><font color="#317bae">Consulta de Empleado </font></div></td>
    <td width="300" title="Consulta Recibo de pago"><div align="right"><img src="imagenes/nomsistema.jpg" width="329" height="75" border="0" /></div></td>
	<td width="80" title="Gerencia de Automatización de Servicios"><div align="right"><img src="imagenes/gas.jpg" width="80" height="75" border="0" /></div></td>
  </tr>
  <tr>
    <td colspan="4" style="background-color:#317bae; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#317bae', startColorstr='#ffffff', gradientType='1')">&nbsp;</td>
  </tr>
</table>

<table width="200" border="0" align="right">
          <tr>
            <td><a href="menupri.php"><h4 align="center">Volver</h4></a></td>
          </tr>
</table>
<br />
<br />
<form  method="post" name="formulario" action="siguiente.php?cedula=<?php echo $row_constancia['cedula'];?>" >
<br />
<br />
<br />
<table width="48%" border="0" align="center" class="Estilo9">
<tr>
    <th scope="col" colspan="0" align="center" class="subtitulo2" bgcolor="#317bae"><p align="center"> Elija la Siguente Opcion opci&oacute;n: </p></th>
</tr>
<tr>
    <th width="0%" height="0"scope="row" ><label>
  	<input name="salario" type="radio" value="1"/>
    Sin Salario</label>&nbsp;</th>
    <th width="0%"scope="row" ><label>
  	<input name="salario" type="radio" value="2"/>
  	Con Salario Basico</label>&nbsp;</th>
	<th width="0%"scope="row"><label>
	<?php if (($anio > 1) or(($tipopersonal!=05) and ($tipopersonal!=06) and ($tipopersonal!=07))){ 
	echo "<input name='salario' type='radio' value='3'/>
	Con Salario Integral Estimado";} ?></label>&nbsp;</th>
</tr>
<tr>
	<th height="38" colspan="0" align="center"  bgcolor="#317bae" class="subtitulo2"><p align="center"><strong>Si 										quiere 	con Cesta Tiket Elija la Siguente Opcion opci&oacute;n: </p>
</tr>
<tr>
	<th height="25" colspan="0" align="center" class="subtitulo2"><p align="center"><strong><label>
	<input type="checkbox" name="ticket" value="1"/>
	Con Cesta Tiket</label></th>
</tr>
</table>
<br />
<br />
<table align="center">
<p>
  <th align="center"><label>
    <input type="submit" name="Submit" value="GENERAR REPORTE" onClick="validarFormulario()" />
    </label></th>
  </p>
 </table>
</form>
</body>
</head>
</html>

Adler · #2 (**permalink**) 22/06/2009, 08:12

Hola

Prueba así

Código javascript:

Ver originalfunction validar (c) {
      for (var i=0; chk = c.ckb[i]; i++)
    if (chk.checked) return;
    alert("Has de selecionar uno");
    return false;
}

Código html:

Ver originalonsubmit="return validar(this);"

Suerte

darwin_le · #3 (**permalink**) 22/06/2009, 08:33

no mi pana nada una pregunta q coloco en onClick y ese onsubmit="return validar(this);" a dond lo coloco

Adler · #4 (**permalink**) 22/06/2009, 12:14

Hola

Has de validarlo en el submit, así que quita el onclick

Código html:

Ver original<form  method="post" name="formulario" action="siguiente.php?cedula=<?php echo $row_constancia['cedula'];?>" onsubmit="return validar(this);">

Suerte

darwin_le · #5 (**permalink**) 22/06/2009, 12:58

hola

amigo nada no hay otra opcion de como hacerlo

Adler · #6 (**permalink**) 22/06/2009, 13:09

Hola

Muestra como te ha quedado

Suerte

darwin_le · #7 (**permalink**) 22/06/2009, 13:15

Código:

<head>
<SCRIPT LANGUAGE="JavaScript">
function validar (c) {
      for (var i=0; chk = c.ckb[i]; i++)
    if (chk.checked) return;
    alert("Has de selecionar uno");
    return false;
}

</SCRIPT> 
<body>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>

<table width="100%" border="0" cellspacing="0" cellpadding="0" center>
  <tr>
    <td width="254"><div align="left"><img src="imagenes/top21.jpg" width="254" height="75" /></div></td>
    <td width="" align="right" valign="bottom" class="mainhead Estilo74" title="Consulta Recibo de pago"><div align="center"><center><h3><font face="arial"><font color="#317bae">Consulta de Empleado </font></div></td>
    <td width="300" title="Consulta Recibo de pago"><div align="right"><img src="imagenes/nomsistema.jpg" width="329" height="75" border="0" /></div></td>
	<td width="80" title="Gerencia de Automatización de Servicios"><div align="right"><img src="imagenes/gas.jpg" width="80" height="75" border="0" /></div></td>
  </tr>
  <tr>
    <td colspan="4" style="background-color:#317bae; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#317bae', startColorstr='#ffffff', gradientType='1')">&nbsp;</td>
  </tr>
</table>

<table width="200" border="0" align="right">
          <tr>
            <td><a href="menupri.php"><h4 align="center">Volver</h4></a></td>
          </tr>
</table>
<br />
<br />
<form  method="post" name="formulario" action="siguiente.php?cedula=<?php echo $row_constancia['cedula'];?>" onsubmit="return validar(this);">

<br />
<br />
<br />
<table width="48%" border="0" align="center" class="Estilo9">
<tr>
    <th scope="col" colspan="0" align="center" class="subtitulo2" bgcolor="#317bae"><p align="center"> Elija la Siguente Opcion opci&oacute;n: </p></th>
</tr>
<tr>
    <th width="0%" height="0"scope="row" ><label>
  	<input name="salario" type="radio" value="1"/>
    Sin Salario</label>&nbsp;</th>
    <th width="0%"scope="row" ><label>
  	<input name="salario" type="radio" value="2"/>
  	Con Salario Basico</label>&nbsp;</th>
	<th width="0%"scope="row"><label>
	<?php if (($anio > 1) or(($tipopersonal!=05) and ($tipopersonal!=06) and ($tipopersonal!=07))){ 
	echo "<input name='salario' type='radio' value='3'/>
	Con Salario Integral Estimado";} ?></label>&nbsp;</th>
</tr>
<tr>
	<th height="38" colspan="0" align="center"  bgcolor="#317bae" class="subtitulo2"><p align="center"><strong>Si 										quiere 	con Cesta Tiket Elija la Siguente Opcion opci&oacute;n: </p>
</tr>
<tr>
	<th height="25" colspan="0" align="center" class="subtitulo2"><p align="center"><strong><label>
	<input type="checkbox" name="ticket" value="1"/>
	Con Cesta Tiket</label></th>
</tr>
</table>
<br />
<br />
<table align="center">
<p>
  <th align="center"><label>
    <input type="submit" name="Submit" value="GENERAR REPORTE"/>
    </label></th>
  </p>
 </table>
</body>
</head>
</html>
</form>

Adler · #8 (**permalink**) 23/06/2009, 03:55

Hola

Prueba a cambiar esto

Código html:

Ver original<head>
<SCRIPT LANGUAGE="JavaScript">
function validar (c) {
      for (var i=0; chk = c.ckb[i]; i++)
    if (chk.checked) return;
    alert("Has de selecionar uno");
    return false;
}
 
</SCRIPT> 
<body>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>

por

Código html:

Ver original<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<SCRIPT LANGUAGE="text/JavaScript">
function validar (c) {
      for (var i=0; chk = c.ckb[i]; i++)
    if (chk.checked) return;
    alert("Has de selecionar uno");
    return false;
}
 
</SCRIPT> 
</head>
<body>

Suerte

darwin_le · #9 (**permalink**) 23/06/2009, 06:55

hola
alguien mas tiene otra opcion de como hacerlo

Adler · #10 (**permalink**) 23/06/2009, 08:12

Cita:

Iniciado por darwin_le

hola
alguien mas tiene otra opcion de como hacerlo

¿No logras que funcione?

darwin_le · #11 (**permalink**) 23/06/2009, 08:17

hola
amigo ya lo aregle pero a hora tengo un problema cuando yo abra esa pantalla el checkbox aparesca false y cuando yo elija el primer radio el checkbox aparesca true ayudamen amigo en esto y se lo sabre agradecer

gracias.

Adler · #12 (**permalink**) 23/06/2009, 13:23

Hola

Algo como esto

Código javascript:

Ver originalwindow.onload = function() {
var elem = document.forms[0].elements[0]; 
elem.onclick = MarcaCheck;
}
 
function MarcaCheck () {
elemento = document.getElementById('ticket'); 
    if (elemento.type == "checkbox") 
    { 
    elemento.checked = true
    } 
}

Suerte

Cita:

Iniciado por darwin_le

hola
amigo ya lo aregle pero a hora tengo un problema cuando yo abra esa pantalla el checkbox aparesca false y cuando yo elija el primer radio el checkbox aparesca true ayudamen amigo en esto y se lo sabre agradecer

gracias.

Que sea un surtido ibérico!!!