-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacto.html
50 lines (44 loc) · 1.8 KB
/
contacto.html
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
39
40
41
42
43
44
45
46
47
48
49
50
<html>
<head>
<script src="https://www.google.com/recaptcha/api.js?render=YOURSITEKEY"></script>
<title>CONTACTO</title>
</head>
<body>
<form id="formulario-contacto">
<label for="nombre">Nombre:</label><br>
<input type="text" id="nombre" name="Nombre"><br>
<label for="apellido">Apellido:</label><br>
<input type="text" id="apellido" name="Apellido"><br>
<label for="telefono">Telefono:</label><br>
<input type="text" id="telefono" name="Telefono"><br>
<label for="email">Correo electronico:</label><br>
<input type="email" id="email" name="Email"><br>
<label for="consulta">Consulta:</label><br>
<textarea id="consulta" name="consulta" rows="5" cols="40"></textarea><br><br>
<button type="submit">Enviar</button>
</form>
<script>
// Verificar el captcha cuando se envia el formulario
document.getElementById('formulario-contacto').addEventListener('submit', function(event) {
event.preventDefault(); // Prevenir el envio del formulario
grecaptcha.execute('YOURSITEKEY', {action: 'submit'}).then(function(token) {
// Si el captcha es valido, enviar los datos del formulario a traves de AJAX
var formData = new FormData(document.getElementById('formulario-contacto'));
formData.append('g-recaptcha-response', token);
var xhr = new XMLHttpRequest();
xhr.open('POST', 'process-form.php', true);
xhr.onload = function() {
if (xhr.status === 200) {
// Mostrar mensaje de exito al usuario
alert('Gracias por contactarnos! Nos pondremos en contacto contigo lo antes posible.');
} else {
// Mostrar mensaje de error al usuario
alert('Se ha producido un error al enviar el formulario. Por favor, vuelve a intentarlo.');
}
};
xhr.send(formData);
});
});
</script>
</body>
</html>