Validator y onclick

[gspablo]

Buenas, tengo un formulario en mi página, este formulario es validado por un validator.js en javascript cuando se usa el botón submit para ser enviado , entonces si algún campo no es correcto aparece una alerta con un mensaje

Luego parte de este formulario quiero imprimirlo mediante javascript

Mis ideas eran
- Meter un evento onclick en el boton submit del formulario, pero mi problema es que ejecuta antes el imprimir que el validator ...
- Enviar el formulario a otra página y en el body poner un onload que recoja los datos del formulario anterior y ejecute un print para imprimir la página que hago, pero no se si va a coger los datos del formulario anterior...

Alguna otra opción más???

gracias

[_cronos2]

En el onclick del submit, aunque mejor en el onsubmit del form, puedes poner

Código HTML:

<form onsubmit='return validar(); if(validar()){window.print()}'>
 

Por otro lado para recoger los datos del formulario puedes usar PHP y meter lo que tú quieras en un div, por ejemplo.

Saludos (:

[Adler]

Hola

Piensa en esto, toda aquella función que tenga un return ha de ejecutarse la última. Por ejemplo

onclick="unafuncion(); otrafuncion(); return ultimafuncion();"

Luego otra cosa es imprimir parte del formulario. No estoy seguro pero creo que necesitarás usar CSS

Suerte

[gspablo]

entonces si meto el validator en una funcion tb funciona??

siempre he puesto el validator debajo del formulario, y cuando se manda hace todo solo

[Adler]

Hola

Iniciado por gspablo

entonces si meto el validator en una funcion tb funciona??

siempre he puesto el validator debajo del formulario, y cuando se manda hace todo solo

¿Qué es validator? ¿Algún script pre-fabricado?. No entiendo nada

Suerte

[gspablo]

es un archivo javascript, validator.js, dentro tiene funciones de comprobacion, para campo vacio, numerico.... este es llamado al hacer el submit del formulario, te pongo parte del código, si la comprobacion es erronea salta un alert

Código Javascript:

<script language="JavaScript" type="text/javascript">
var frmvalidator = new Validator("naddenvasespet1l");
 frmvalidator.addValidation("ncantidad","num" ,"La cantidad debe de ser un numero");
frmvalidator.addValidation("ncantidad","req" ,"La cantidad no puede estar vacia ");
 frmvalidator.addValidation("ncantidad","gt=0","La cantidad no puede ser 0       ");
</script>
 

[caricatos]

Hola:

Es muy sencillo hacer nuestras propias validaciones, y llevar el control total de nuestros formularios. Aquí tienes un tuto sobre ello: El abc de los formularios, pero te cuento a groso modo como lo suelo hacer, por si te vale de algo...

La forma de llamar al validador parece que ya la sabes:
<form onsubmit="return validar(this)"...


luego creo un array vacío para los mensajes, y por cada campo a validar, si no la pasa, añado una línea a ese array---

function validar(f) {
mensajes = [];
if (f.nombre.value == "") mensajes.push("El campo nombre no puede estar vacío");
//... el resto de las validaciones aquí.
//...
//Y la terminación:

if (mensajes.length > 0) alert(mensajes.join("\n"));
return (mensajes.length == 0);
}

Facilísimo, y llevas un control absoluto... por cierto, siempre debes complementar la validación en el navegador con una validación exhaustiva en el servidor.

Saludos

[gspablo]

Caricatos esa funcion es perfecta, no la voy a usar en esta página porque ya esta terminada que sino....

Me queda una duda a ver si se podria hacer, la funcion recibe el formulario y ahora tu haces varios if con el nombre de cada campo y el error que debe mostrar en cada caso, por tanto se hace un if por cada campo

Ahora yo propongo a ver si habria alguna forma de hacer esto, como un bucle, pongo un pseudocodigo, no es codigo estricto

Código Javascript:

for (i=0;i<f.length;i++)
{
if (f.campo[i].value == "")   // donde campo[i] seria por ejemplo nombre, apellidos, direccion...
  mensajes.push("El campo campo[i] no puede estar vacío"); 
}
 
if (mensajes.length > 0) alert(mensajes.join("\n"));
return (mensajes.length == 0);
 

Con esto lo que intento es mandar un alert por pantalla y que no se mande el formulario porque ha devuelto false

[caricatos]

Hola:

Pues viéndolo (tal como dices) como pseudo-código, parece correcto el planteamiento, pero siempre hay distintas maneras de validar, y lo que estás planteando sólo vale para evitar campos vacíos, y todos obligatorios... una variante bastante corriente es en base a expleciones regulares como los emails u otros formatos definidos, tal vez teléfonos, códigos postales/zip, etc, por lo que siempre sería necesario ampliar tu código-base... por ejemplo con parejas campo/tipo...

Se me ocurre también que haya campos opcionales, pero al menos uno relleno, como pedir dirección postal, o correo electrónico o teléfono para contactar... bueno, hay un abanico bastante amplio de opciones como para plantear un bucle, aunque es una idea.

Saludos