HTML - Ayuda campos requeridos

 
Vista:
sin imagen de perfil
Val: 7
Ha aumentado su posición en 12 puestos en HTML (en relación al último mes)
Gráfica de HTML

Ayuda campos requeridos

Publicado por juancho (4 intervenciones) el 28/07/2018 18:05:01
Buenos dias

Compañeros tengo un pequeño problema con mi código y he googleado y aun no encuentro como realizarlo, disculpen si este no es un tema relevante para la pagina pero en el momento es la única opción.
el problema es: tengo que ejecutar un codigo .php que me envia una notificacion al correo de que alguien ingreso y a la vez tengo que ejecutar una funcion javascript que toma varios campos de mi formulario busca un archivo con ese nombre y lo muestra en pantalla para descargarlo.
utilizo input type submit pero he leido que no es muy recomendable por que sobrecarga el formulario.
como puedo incorporar las funciones (php,javascript) para que mi formulario quede de la mejor forma y ademas los campos con required sean obligatorios.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
	<head>
		<title>Desprendible</title>
		<link type="text/css" rel="stylesheet" href="style.css">
		<link rel="shortcut icon" href="rott.png">
        <script>
            function copiarDatos(){
            var numeroid = document.getElementById("ND").value;
            var fecha = document.getElementById("quin").value;
            var path = fecha +'/';
            var url = path + numeroid +'.pdf';
            window.open(url, 'Download');
            }
        </script>
	</head>
	<body>
		<fieldset>
			<legend><h1>DESPRENDIBLE DE PAGO</h1></legend>
				<form action="contact.php" method="post">
                    <input class="text" type="text" name="name" id="name" placeholder="Nombre Completo" autocomplete="off" required /><br>
                    <select name="tipo" id="tipo" required >
                        <option value="">Tipo de Documento...</option>
                        <option>Cedula de Ciudadania</option>
                        <option>Tarjeta de Identidad</option>>
                    </select><br>
                    <input class="ND" type="password" name="ND" id="ND" placeholder="Numero de Documento" autocomplete="off" required /><br>
                    <select class="quin" name="quin" id="quin" required >
                        <option value="">Pago correspondiente a...</option>
                        <option>30-Junio-18</option>
                        <option>15-Julio-18</option>
                        <option>30-Julio-18</option>
                    </select><br>
                    <input class="submit" type="submit" value="Descargar" onclick="copiarDatos()"/>
				</form>
		</fieldset>
	</body>
</html>

Este es el codigo de contact.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php
$nombre = $_POST['name'];
$num = $_POST['ND'];
$para = 'nombrez@correo.com';
$titulo = 'Ingreso por Desprendible';
$header = ['From: ' ]. $email;
$msjCorreo = "Nombre: $nombre\n Identificacion: $num\n";
 
if ($_POST['submit']) {
if (mail($para, $titulo, $msjCorreo, $header)) {
echo "<script language='javascript'>
alert('Mensaje enviado, muchas gracias.');
window.location.href = 'index.html';
</script>";
} else {
echo 'Falló el envio';
}
}
?>

Gracias por su colaboracion
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