Question:

Date: 07-08-2017 09:05:47 (In Spanish)

No me funciona el botón de submit en formulario de contacto html, php, honeypot[Resolved]

Saludos muchachos!!! Tengo un problema con formulario de contacto html, php honeypot, no me funciona el boton submit.

CODIGO PHP:

<?php 
// If the form is submitted, send the message.
require_once('./include/phpmailer/class.phpmailer.php');
if (isset($_POST['submit_contact_form']) && empty($_POST['thewall']))
{
    $mail  = new PHPMailer();
    $mail -> IsHTML         (true);
    $mail -> From           = $_POST['email'];
    $mail -> FromName       = ucwords($_POST['name']);
    $mail -> Subject        = 'CONTACT FORM SUBJECT';
    $mail -> Body           = 'Name: '.$_POST['name'].'<br />Email: '.$_POST['email'].'<br />Phone: '.$_POST['asunto'].'<br />message:'.$_POST['message'];
    $mail -> AddAddress     ('mi@email.com');

    if ($mail -> send()) {
        header('Location: https://www.mi-web.com/gracias-mensaje.html');
        die();
    } 
    else {
        echo '<p>Tu mensaje no fue enviado!.</p>';
        echo '<pre>';
        echo 'Error: '. $mail->ErrorInfo;
        echo '</pre>';
        echo '<p>Vuelve a la pagina de contacto dando click en <a href="https://www.mi-weby.com/contacto.html">here</a>.';    
        die();
    }
}

?>

CODIGO HTML:

<h1>CONTACTANOS</h1>
	<form id="contact_form" action="contactform.php" method="post" accept-charset="UTF-8">
		<div class="form-group"><label for="name"></label><input type="text" class="form-control req-1" name="name" id="name" placeholder=" *Tu nombre" /></div>

		<div class="form-group"><label for="email"></label><input type="email" class="form-control req-1" name="email" id="email" placeholder=" *Tu e-mail"/></div>

		<div class="form-group"><label for="phone"></label><input type="text" class="form-control req-1" name="phone" id="phone" placeholder=" *Asunto" /></div>

		<div class="form-group thewall"><label for="thewall"></label><input type="text" class="form-control" name="thewall" /></div>

		<div class="form-group"><label for="message"></label><textarea placeholder=" *Escribe Tu Mensaje" class="form-control req-2" name="message" id="message" rows="6"></textarea></div>

		<div class="form-group"><input type="submit" class="form-control req-b" name="submit_contact_form" id="submit_contact_form" value="ENVIAR" disabled="disabled" /></div>
		<br>
		<br>
		<br>
		<br>
		<a href="index.html">Click aqui para regresar al menu</a>
	</form>
</div>
	<script>
		(function() {
				$('#contact_form .req').keyup(function() {
					var empty = false;
					$('#contact_form .req').each(function() {
						if ($(this).val() == '') {
							empty = true;
						}
					});
					if (empty) {
						$('#submit_contact_form').attr('disabled', 'disabled');
					} else {
						$('#submit_contact_form').removeAttr('disabled');
					}
				});
			}

		)() $('.alert .close').click(function() {
				$('.alert').hide();
			}

		);

	</script>

CSS:

* {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif!important;
}

.thewall {
    left: -9999px;
    position: absolute;
    top: -9999px;
    visibility: hidden;
}

::-moz-placeholder {
    letter-spacing: 2px;
}

::-ms-input-placeholder {
    letter-spacing: 2px;
}

:-moz-placeholder {
    letter-spacing: 2px;
}

:-ms-input-placeholder {
    letter-spacing: 2px;
}

body {
    background: #fff;
}

h1 {
    color: #FFDD57;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 45px;
    font-size: 25px;
}

.columna-formulario {
    background: #252525;
    margin: 150px 0 0 700px;
    width: 620px;
    height: 580px;
}

.req-1 {
    width: 536px;
    height: 40px;
}

.req-2 {
    width: 535px;
    height: 135px;
}

.req-b {
    margin-top: 100px;
    width: 110px;
    height: 43px;
    background: #FFDD57;
    color: #000;
    font-style: bold;
    border: none;
    transition: 0.5s;
}

.req-b:hover {
    margin-top: 100px;
    width: 110px;
    height: 43px;
    background: #fff;
    color:  #FFDD57;
    border: none;
    transition: 0.5s;
}

a {
    text-decoration: none;
    color: white;
    padding-left: 45px;
}

a:hover {
    text-decoration: underline;
    color: #FFDD57;
    padding-left: 45px;
}

.form-group {
    width: 200px;
    height: 70px;
    padding-left: 45px;
}

Desde ya, gracias por la ayuda!! Tags: Form - Honeypot - HTML - PHP - Question Votes: 0 - Answers: 5 - Views: 14 Share on: Google Facebook Twitter LinkedIn Link

Answers:

1

Ruben Osornio Karma: 281

Date: 08-08-2017 05:46:20 Como duda ¿inicias con el botón desactivado y se desactiva cuando sueltas teclas o el form esta lleno? ¿puedes dar mas detalles de lo que hace porfa? por que tal vez el error esta en esa parte que esta desactivado y nunca se activa Votes: 1 - Link answer
0

Mik Aya Karma: 14

Date: 08-08-2017 07:41:54 Saludos Ruben

Gracias por tu amable respuesta.
Cuando se digitan todas las casillas y se le intenta dar clic al botón ENVIAR, simplemente cambia de color pero no realiza la acción de envío, te adjunte un video de la situación:

https://www.screencast.com/t/9jtUpCwQ

Gracias y quedo atento. Votes: 0 - Link answer

Ruben Osornio Karma: 281

Date: 08-08-2017 09:19:15 Que tal mira con tu formulario te muestro una forma de validar lo hago de esta manera

con jquery queda así

<script>
    	$(document).ready(function(){

    		// se hace el evento del boton 
		    $("#submit_contact_form").click(function(){
		    	// llama a la funcion validarForm si retorna false no muestra
		    	// el alert de hacer lo necesario
		        if(validarForm()){
		            alert ("hacer lo necesario")
		        }

		    });

   		});

   		//Esta funcion lo que hace es que va verificando que los campos tengan datos
   		// de no tener datos manda un alert con un mensaje especifico y coloca el cursor
   		// en dicho campo
   		function validarForm(){
	        $('*').removeClass('valida-error');

	        if ($('#name').val() == "")
	        {
	            alert('es necesario el nombre.');
	            $('#name').addClass('valida-error').focus();
	            return false;
	        }else if ($('#email').val() == "")
	        {
	            alert('es necesario el email.');
	            $('#email').addClass('valida-error').focus();
	            return false;
	        }else if ($('#phone').val() == "")
	        {
	            alert('es necesario el phone.');
	            $('#phone').addClass('valida-error').focus();
	            return false;
	        }	        
	        else
	        {
	           
	            return true;
	        }
	    }
    </script>

Y tu formulario el sumbit lo hice boton y quite el action del form ya que el evento se realizaria con jquery

<h1>CONTACTANOS</h1>
    <form id="contact_form" action="contactform.php" method="post" accept-charset="UTF-8">
        <div class="form-group"><label for="name"></label><input type="text" class="form-control req-1" name="name" id="name" placeholder=" *Tu nombre" /></div>
        <div class="form-group"><label for="email"></label><input type="email" class="form-control req-1" name="email" id="email" placeholder=" *Tu e-mail"/></div>
        <div class="form-group"><label for="phone"></label><input type="text" class="form-control req-1" name="phone" id="phone" placeholder=" *Asunto" /></div>
        <div class="form-group thewall"><label for="thewall"></label><input type="text" class="form-control" name="thewall" /></div>
        <div class="form-group"><label for="message"></label><textarea placeholder=" *Escribe Tu Mensaje" class="form-control req-2" name="message" id="message" rows="6"></textarea></div>
        <div class="form-group"><input type="botton" class="form-control req-b" name="submit_contact_form" id="submit_contact_form" value="ENVIAR"  /></div>
        <br>
        <br>
        <br>
        <br>
        <a href="index.html">Click aqui para regresar al menu</a>
    </form>
</div>

Esta forma es la que uso ya que así el sistema le avisa al usuario que falta o donde esta el error, Quedo a espera de comentarios espero pueda ayudarte Votes: 1 - Link answer

0

Mik Aya Karma: 14

Date: 08-08-2017 13:28:06 Gracias Ruben, voy a instalarlo y te comento como me va con el!! Votes: 0 - Link answer
2

Mik Aya Karma: 14

Date: 14-08-2017 10:18:56 Hola Ruben, gracias por tu ayuda, quedo OK.

Bendiciones!! Votes: 2 - Link answer

To actively participate in the community first must authenticate, enter the system.Sign In

frjcbbae garagebible.com

Question:

No me funciona el botón de submit en formulario de contacto html, php, honeypot[Resolved]

Answers:

sections

The community

My Account