Error al tomar valor de un FORM

[agusax]

Hola chic@s,

Este error parece de novato, pero explico un poco el formulario que me he encontrado (trabajos modulares...).

El formulario es el siguiente:

Código HTML:

Cosas sin importancia del body
...
 
                <form name="Miembros" class="form-horizontal" >
                    <fieldset>
                        <div class="form-group desplegable">
                            <label>G</label>
                            <div class="select">
                                <Select class="form-control" >
                                    <option value="0">Seleccione una opción</option>
                                    <option value="G1">G1</option>
                                </select>
                            </div>
                        </div>
                        //Aqui van mas desplegables
 
 
                            <div class="row">
                                <!-- Boton y modal -->
                                <div class="col-md-6">
                                    <div id="buy" class="form-group columna-derecha">
                                        <!-- Trigger the modal with a button -->
                                        <button id="btncomprar" type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal">Comprar</button>
                                        <!-- Modal -->
                                        <div class="modal fade" id="myModal" role="dialog">
                                            <div class="modal-dialog">
                                                <!-- Modal content-->
                                                <div class="modal-content">
                                                    <div class="modal-header" style="padding:35px 50px;">
                                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                        <h4> Datos</h4>
                                                    </div>
                                                    <div class="modal-body" style="padding:40px 50px;">
                                                        <form role="form">
                                                            <div class="form-group">
                                                                <label for="nombre"> Nombre</label>
                                                                <input type="text" class="form-control" id="nombre" name="nombre" placeholder="Introduce nombre">
                                                            </div>
                                                            <div class="form-group">
                                                                <label for="apell"> Apellidos</label>
                                                                <input type="text" class="form-control" id="apell" placeholder="Introduce apellidos">
                                                            </div>
                                                            <button type="submit" class="btn btn-success btn-block" data-dismiss="modal" onclick="compra(); return false;">Enviar</button>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </form>
 
...
Resto
 

Código Javascript:

function compra() {
    window.open("albaran.php", "_blank", "height=800,width=600");
}
 

Me he encontrado con un form dentro de otro, y el envio se encuentra en del interior, que llama a una funcion de JS, ni completando el tipico action="res.php" y que se envie por post he conseguido que en res pueda hacer uso de $_POST['nombre'] (valor no definido)

Me tiene un poco bloqueado, ya que también necesito los valores del formulario externo, pero no es hasta que pulso el botón del modal que envía toda esa información.

A ver si me pueden orientar un poco
Muchas gracias y Un saludo

[hhs]

Eso no tiene nada que ver con Php, solicita que muevan tu pregunta al foro de js

[agusax]

Iniciado por hhs

Eso no tiene nada que ver con Php, solicita que muevan tu pregunta al foro de js

Al tomar los valores de dicho formulario con el $nombre= $_POST['nombre']; y tratar estos datos desde la otra pagina, lo tomo como tema de php, puede que me haya equivocado, pero creo que elegí bien la sección.

[Triby]

El problema no es PHP, mucho menos Javascript, sino HTML, porque no puedes tener formularios anidados.

https://www.w3.org/MarkUp/html3/forms.html

Every form must be enclosed within a FORM element. There can be several forms in a single document, but the FORM element can't be nested. The browser is responsible for handling the input focus, i.e. which field will currently get keyboard input. Many platforms have existing conventions for forms, for example, using Tab and Shift-Tab to move the keyboard focus forwards and backwards between fields, and using the Enter (aka Return) key to submit the form.

[agusax]

Al parecer, ese modal está sacado de un ejemplo de bootstrap, según me comenta quien lo hizo.

[Triby]

Entonces muevo tu tema a Javascript, a ver si allá alguien puede orientarte mejor.

[caricatos]

Hola:

Para javascript los datos son escasos... pero para empezar, como ta ha comentado Triby, los formularios no se deben anidar,,, es más, por lo que veo no se pasan parámetros, así que valdría un simple enlace. Y habría que ver lo que hace la página "albaran.php".

Saludos