Submit NO Button

karlo_ · #1 (**permalink**) 10/11/2003, 01:43

La duda es la siguiente como hago para hacer validaciones de cada campo por separado:

me encontre este codigo pero solo funciona con type=button y ocupo que sea type=submit

<script languaje="javascript">
function validar(form) {
if(form.signatura.value == "") {
alert("Por favor, complete el campo \"signatura\"");
form.signatura.focus(); return true;
}
if(form.autor.value == "") {
alert("Por favor, complete el campo \"autor\"");
form.autor.focus(); return true;
}
if(form.titulo.value == "") {
alert("Por favor, complete el campo \"titulo\"");
form.titulo.focus(); return true;
}
if(form.ano.value == "") {
alert("Por favor, complete el campo \"año\"");
form.ano.focus(); return true;
}
form.submit();
}
</script>

En el formulario, debes cambiar el botón enviar por el siguiente botón:

<input name="guardar" type="button" value="Guardar" onClick="validar(this.form)">

------------------------------------------------

Este es mi código, si lo pudiera hacer funcionar con submit bien sino diganme quepuedo hacer.

---------------

Código:


<html>
<head>
<title>-- Biblioteca UCR --</title>


	<link rel="stylesheet" type="text/css" href="hoja/hoja.css">
	
	
	<!--LLAMADA AL CURSOR INICIAL-->
	<script>
	function sf(){document.frm_Ingreso.txt_Inicial.focus();}
	</script>
	
	

</head>

<body onLoad=sf()>
<p class="titulo" align="center">Ingreso al Sistema de Biblioteca</p>




<form action="sesion/autentificacion.php" method="GET" name="frm_Ingreso">
	
	<table align="center" width="225" cellspacing="2" cellpadding="2" border="0" class="ingreso">
	  <tr> <!-- AVISO DE DATOS INCORRECTOS AL USUARIO-->
        <td colspan="2" align="center"

			<?if ($_GET["errorusuario"]=="si"){?>
			bgcolor=red><span style="color:ffffff"><b>Datos Incorrectos</b></span>
        	<?}else{?>
			bgcolor=#cccccc>Área de Administración
			<?}?>

	    </td>
	 </tr>
	 <tr>
       <td>Usuario:
	   </td>
       <td><input class="data" type="text" name="txt_Inicial" size="19">
	   </td>
	 </tr>
	 <tr>
       <td>Clave:
	   </td>
       <td><input class="data" type="password" name="txt_Clave" size="19">
	   </td>
	 </tr>
	 <tr>
       <td colspan="2" align="center"><input class="boton" type="submit" value="Entrar"></td>
   	
 </tr>
   </table>
   
</form>

</body>
</html>

caricatos · #2 (**permalink**) 10/11/2003, 05:55

Hola karlo_:

La verdad es que no entendí muy bien la pregunta, pero intentaré decirte cosas que puedan serte útil...

Cuando quieras que se ejecute un script antes de enviar un formulario, puedes hacer las comprobaciones usando el evento onsubmit de la etiqueta form... devolviendo false en la validación, se evita el envío del mismo, pero me parece que quieres algo más complejo.
Tal vez te sirva que en el action de un formulario puedes poner una función javascript, y desde la función puedes modificar el mismo action, y hacer el submit también desde la función (en tu ejemplo es así)

Tal vez funcionase algo así (no lo he probado).
El tag form:
<form action="javascript: validar(this.form)" method="GET" name="frm_Ingreso">

y usar un botón submit normal...

... y en el head:
<script languaje="javascript">
function validar(form) {
if(form.signatura.value == "") {
alert("Por favor, complete el campo \"signatura\"");
form.signatura.focus(); return true;
}
if(form.autor.value == "") {
alert("Por favor, complete el campo \"autor\"");
form.autor.focus(); return true;
}
if(form.titulo.value == "") {
alert("Por favor, complete el campo \"titulo\"");
form.titulo.focus(); return true;
}
if(form.ano.value == "") {
alert("Por favor, complete el campo \"año\"");
form.ano.focus(); return true;
}
form.action = "sesion/autentificacion.php"; form.submit();
}

Espero que te sirva (los cambios los puse en azul)...

Saludos

karlo_ · #3 (**permalink**) 11/11/2003, 02:03

Bueno lo que pasa es que con el input type=button me sirve todo el script, pero si el input es type=submit, ya no o sea ya no llama la pagina, prueba solo cambiandole el type.

Gracias.