modal form

lincolnf_2 · #1 (**permalink**) 31/05/2013, 14:57

hola amigos espero que em puedan ayudar, tengo un form modal que despliego para que me guarde unos datsoe n mi mysql pero, al darle click no hace nada, aki les dejo el codigo; espero que mepuedan ayudar es urgente, es para un trabajo de la universidad. Gracias de antemano

codigo del index

Código:

<!doctype html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<!-- <link rel="stylesheet" href="css/bootstrap.css" /> -->
		<link rel="stylesheet"   href="css/jquery.fancybox.css" />
		<link rel="stylesheet"  href="css/style.css" />
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script src="js/jquery.fancybox.js"></script>
		
	</head>
	<body>
		<div id="wrapper">
    <h1>Welcome! Lets get this started...</h1>
    <p>Click the button below to try it out.</p>
    
    <p><a class="button modalbox" href="#inline">Contact Me</a></p>
</div>

<!-- hidden inline form -->
<div id="inline">
    <form id="contact" name="contact" action="" method="post">
        <fieldset>
        <legend>Please complete the following form</legend>

        <label for="email"><span class="required">*</span> Email</label>
        <input name="email" type="email" id="email" class="txt" />

        <br />
        <label for="comments"><span class="required">*</span> Your comments</label>
        <textarea name="msg" id="msg"></textarea>

        <button id="send" class="button">Send E-mail</button>
        </fieldset>
    </form>
</div>
<script src="js/functions.js"></script>
	</body>
	</html>

codigo del phpm que inserta los datos:

Código:

<?php 
$db=new mysqli('localhost','root','','ejemplo');
$stm=$db->prepare('INSERT INTO contacto(email,comentario) VALUES(?,?)');
$stm->bind_param('ss',$_POST['email'],$_POST['msg']);
$res=$stm->execute();
if ($res) {
	echo 'true';
}
esle{
	echo "false";
}
 ?>

y por ultimo el codigo del js.

Código:

function validateEmail(email) { 
	var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
	return reg.test(email);
}

$(document).ready(function() {
	$(".modalbox").fancybox();
	$("#contact").submit(function() {
		return false;
	});
	
	$("#send").on("click", function(){
		var emailval = $("#email").val();
		var msgval = $("#msg").val();
		var msglen = msgval.length;
		var mailvalid = validateEmail(emailval);
		
		if (mailvalid == false) {
			$("#email").addClass("error");
		}
        $("#email").change(function() {
            $("#email").removeClass("error");
        });
		
		if (msglen < 4) {
			$("#msg").addClass("error");
		}
        $("#msg").change(function() {
            $("#msg").removeClass("error");
        });
		
		if (mailvalid == true && msglen >= 4) {
			$("#send").replaceWith("<em>sending...</em>");
			
			$.ajax({
				type: 'POST',
				url: 'enviar.php',
				data: $("#contact").serialize(),
				success: function(data) {
					if(data == "true") {
						$("#contact").fadeOut("fast", function(){
							$(this).before("<p><strong>Success! Your message has been sent, thanks!</strong></p>");
							setTimeout("$.fancybox.close()", 2000);
						});
					}
				}
			});
			
		}
	});
});

ahi esta el codigo, estoy utilizando el fancybox para mostrar el form, gracias nuevamnete...

repara2 · #2 (**permalink**) 06/06/2013, 12:31

Consulta un for JS o Ajax primero para ver por que no funciona.