formulario de contacto error usuario siempre 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:
Ok espero me puedan ayudar $(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;
});
});
