HTML - Ayuda formularios HTML5

 
Vista:

Ayuda formularios HTML5

Publicado por David (1 intervención) el 22/10/2013 16:19:45
Hola foreros,

tengo un formulario en HTML5. En él hay un botón que al ser pulsado, valida que todos los campos estén rellenos (como es en HTML5 no se recurre a JavaScript para hacer esta validación, pues en los campos del formulario se añade el atributo “required”), y debe crear una ventana nueva donde el nombre, el alto, el ancho, el color de fondo y el texto se recogen de los campos del formulario.

Estoy en esa fase de creación de la ventana. No puedo ejecutar un javascript el hacer click en el botón porque se ejecutaría siempre aunque algún campo no estuviese relleno. La otra idea es hacer la llamada a javascript con el evento onsubmit del formulario, pero no consigo recoger los valores del mismo para crear la ventana.

OS adjunto los ficheros, por si me podéis echar una mano:

https://www.dropbox.com/sh/atwmgknjd96i97n/61nYzJ_iPs
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil

Ayuda formularios HTML5

Publicado por Robert (15 intervenciones) el 25/10/2013 21:35:42
Suponiendo que todo tu formulario tiene un contenedor "contFormulario"
1
2
3
4
<div id="contFormulario">
        ...
        <input type="submit" id="submit" value="Crear"/>
</div>
Ahora usando javascript, JQuery especificamente:
1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(inicializar);
function inicializar (){
        $('#submit").click(function () {
                var forms=$('#contFormulario input');
               var valido=true;
                $.each( forms, function( i, val ) {
                        if(val.text()=="")
                                valido=false;
                });
                if(valido)
                        location.replace('paginaCrea.html');
        });
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar