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
