Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/03/2011, 12:41
Vaizen
 
Fecha de Ingreso: marzo-2011
Mensajes: 2
Antigüedad: 13 años, 8 meses
Puntos: 0
Pregunta formulario de contacto error usuario siempre

Hola amigos, soy nuevo en el foro y pues me he registrado pues he visto que verdaderamente ayudan con problemitas como el que tengo.

Bueno mi caso es que mi página web la rediseñe y ya la monte y pues esta funcionando muy bien, pero el problema es con el formulario de contacto, siempre me tira el error de "username" o nombre como yo lo modifique, pues estabasado en otro formulario. sin embargo solo modifique los textos que tiran los errores y los campos de entrada, para que no dijera name o message sino nombre y mensaje. En fin les dejo aqui el html, send.php, contact.js.

HTML
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Alexei Prada Nagai | Portafolio Web</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="style.css" type="text/css" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
	 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="contact.js"></script>
<script src="../../Scripts/swfobject_modified.js" type="text/javascript"></script>
<style type="text/css">
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
</style>
</head>
<body>

<div id="wrapper">

<div id="header_wrap">
  <div id="header">

</div>

</div>
<div id="main">
<div id="portfolio"> 
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="650" id="FlashID" title="Portafolio">
    <param name="movie" value="preloader.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
    <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
    <!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="preloader.swf" width="1000" height="650">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
      <!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->
      <div>
        <h4>El contenido de esta página requiere una versión más reciente de Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
<div id="quotes">
<div id="intro">
</div>
<div id="quote1">
<p> 	
"La mirada llega primero que las palabras. Los niños miran y reconocen las cosas antes de poder hablar" </p>

<h2> — John Berger, Modos de Ver </h2>
 

</div>
<div id="quote2">
<p>
"El diseño es la inteligencia hecha visible"</p>
<h2> — Alina Wheeler </h2>
<p> "Menos es más" </p>
<h2> — Robert Browning</h2>

</div>


<div id="container">

<p> <a class="modal" href="#"><img src="Images/contact_box.png" style="border-style: none" alt="Contact" width="300" height="272" /></a>.</p>


</div>

</div>

</div>
<div id="contact">

<div id="social">
<div id="email2">
  <h3> Email </h3>
  <p>[email protected]</p>
  <h3>Redes Sociales</h3>
  <p><a href="http://www.facebook.com/alexei.nagai" target="_blank"><img src="Images/FB.png" width="42" height="42"style="border-style: none" alt="Facebook" /></a> <a href="http://twitter.com/#!/AlekseyNa" target="_blank"><img src="Images/twit.png" width="42" height="42"style="border-style: none" alt="Twitter" /></a></p>
  </div>
</div>

 <div id="close"></div>
	 
      
 <div id="contact_header"></div>
 <p class="success">Gracias! Tue mensaje ha sido enviado.</p>
	 
 <form action="send.php" method="post" name="contactForm" id="contactForm">
 <p><input name="name" id="name" type="text" size="30" value="Nombre" /></p>
 <p><input name="email" id="email" type="text" size="30" value="Email" /></p>
 <p><textarea name="comment" id="comment" rows="5" cols="40">Mensaje</textarea></p>
 <p><input type="submit" id="submit" name="submit" value="" /></p>
 </form>
</div>
	 
<div id="mask"></div>

<div id="footer_wrap">

<div id="footer">

<p> Copyright © 2011 | Alexei Prada Nagai</p>


</div>
</div>
</div>
</body>

</html> 

contact.js
Código:
$(function() {

	// load the modal window
	$('a.modal').click(function(){

		// scroll to top
		$('html, body').animate({scrollTop:0}, 'slow');

		// before showing the modal window, reset the form incase of previous use.
		$('.success, .error').hide();
		$('form#contactForm').show();
		
		// Reset all the default values in the form fields
		$('#name').val('Nombre');
		$('#email').val('Email');
		$('#comment').val('Mensaje');

		//show the mask and contact divs
		$('#mask').show().fadeTo('', 0.7);
		$('div#contact').fadeIn();

		// stop the modal link from doing its default action
		return false;
	});

	// close the modal window is close div or mask div are clicked.
	$('div#close, div#mask').click(function() {
		$('div#contact, div#mask').stop().fadeOut('slow');

	});

	$('#contactForm input').focus(function() {
		$(this).val(' ');
	});
	
	$('#contactForm textarea').focus(function() {
        $(this).val('');
    });

	// when the Submit button is clicked...
	$('input#submit').click(function() {
	$('.error').hide().remove();
		//Inputed Strings
		var username = $('#name').val(),
			email = $('#email').val(),
			comment = $('#comment').val();
		
	
		//Error Count
		var error_count;
		
		//Regex Strings
		var username_regex = /^[a-z0-9_-]{3,16}$/,
			email_regex = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
		
			//Test Username
			if(!username_regex.test(name)) {
				$('#contact_header').after('<p class=error>Por favor introduce tu nombre</p>');
				error_count += 1;
			}
			
			//Test Email
			if(!email_regex.test(email)) {
				$('#contact_header').after('<p class=error>introduce un correo valido</p>');
				error_count += 1;
			}
			
			//Blank Comment?
			if(comment == '') {
				$('#contact_header').after('<p class=error>No No has escrito ningun mensaje</p>');
				error_count += 1;
			}
			
			//No Errors?
			if(error_count === 0) {
				$.ajax({
					type: "post",
					url: "send.php",
					data: "name=" + name + "&email=" + email + "&comment=" + comment,
					error: function() {
						$('.error').hide();
						$('#sendError').slideDown('slow');
					},
					success: function () {
						$('.error').hide();
						$('.success').slideDown('slow');
						$('form#contactForm').fadeOut('slow');
					}				
				});	
			}
			
			else {
                $('.error').show();
            }
			
		return false;
	});
	
});
Ok espero me puedan ayudar