i have email contact form but this is do not work i want to get in working email sender with validation here is code of web page
<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Under Construction | Company Name Inc.</title>
<link type="text/css" href="css/reset.css" rel="stylesheet" media="all" />
<link type="text/css" href="css/base.css" rel="stylesheet" media="all" />
<link type="text/css" href="css/blue/style.css" rel="stylesheet" id="theme_stylesheet" />
<link type="text/css" href="css/theme-switcher.css" rel="stylesheet" media="all" />
<link type="text/css" href="css/jquery.countdown.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.progressbar.js"></script>
<script type="text/javascript" src="js/ui.tabs.js"></script>
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script type="text/javascript" src="js/ajax-functions.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/jquery.themeswitcher.js"></script>
<script type="text/javascript">
$(document).ready( function(){
$('.ui-state-default').hover(
function(){
$(this).addClass('ui-state-hover');
},
function(){
$(this).removeClass('ui-state-hover');
}
)
// Handle the countdown timer
var theYear = parseInt( 2011 );
var theDay = parseInt( 30 );
var theMonth = parseInt( 8 );
var theEnd = new Date(theYear, theMonth - 1, theDay);
// Countdown timer
$('#countdown').countdown({until: theEnd, format: 'dHMS', regional: 'pt-BR' });
// Tabs
$('#tabs').tabs({
fx: { opacity: 'toggle' }
});
// Progressbar
$('#progressbar').progressbar({
value: 50 });
// Twitter Message
$("#twitter_msg").tweet({
username: "google",
join_text: "auto",
avatar_size: 0,
count: 1,
auto_join_text_default: "",
auto_join_text_ed: "",
auto_join_text_ing: "",
auto_join_text_reply: "",
auto_join_text_url: "",
loading_text: "Loading Tweets..."
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="header"><h1>CRYSTAL NANO</h1></div>
<div id="content" class="ui-corner-all">
<h1>We are Currently Planing The Website</h1>
<p>if all goes as planned, we hope to be back in:</p>
<div id="date"></div>
<div id="countdown_holder" class="ui-corner-all">
<div id="countdown"></div>
<div class="clearfix"></div>
</div>
<div id="tabs" style="background-position: 50% 40px;">
<ul>
<li><a href="#progress">Current Status</a></li>
<li><a href="#contact">Contact Us</a></li>
<li><a href="#twitter">Follow us on Twitter</a></li>
<li><a href="#newsletter">Stay Informed</a></li>
<li><a href="#progress">Stay Informed</a></li>
</ul>
<!-- end navigation tabs -->
<div id="progress">
<p class="center">We are Currently Planing 1% Finished</p>
<div id="progressbar"></div>
<div class="center" id="progress_message">
<h3>What we're working on:</h3>
<ul>
<li>Planing Website</li>
</ul>
</div>
</div>
<!-- end progress tab -->
<!-- start of contact tab -->
<div id="contact">
<h2>Drop us a line!</h2>
<div class="messages ui-corner-all" id="msg_contact"></div>
<ul class="form floatleft">
<li><label class="desc">Your Name: </label> <input size="43" id="contact_name" type="text" class="text required ui-corner-all cform" /></li>
<li><label class="desc">Your Email: </label> <input size="43" id="contact_email" type="text" class="text required ui-corner-all cform" /></li>
<li><label class="desc">Your Message: </label> <textarea id="contact_msg" class="text required ui-corner-all cform" rows="10" cols="40"></textarea></li>
<li><label class="desc">2 + 2 =</label><input id="ashv_answer" size="43" type="text" class="text required ui-corner-all cform" /></li>
<li class="buttons ui-corner-all">
<span id="contact_status">Done? Hit the button to send your message.</span>
<input class="button ui-state-default ui-corner-all floatright" type="submit" id="btn_contact" value="Send Message" />
<div class="clearfix"></div>
</li>
</ul>
<div id="contact_info">
<h3>Email Address</h3>
<ul><li>contact email displayed</li></ul>
</div>
<div class="clearfix"></div>
</div>
<!-- end contact tab -->
<div id="twitter">
<h2>Follow us on Twitter</h2>
<img id="twitter_icon" src="images/twitter.gif" alt="" title="" />
<div id="twitter_msg" class="ui-corner-all"></div>
<p class="right" style="margin: 0 20px 0 0;">Follow <a href="">google</a> on <a href="">Twitter</a>!</p>
</div>
<!-- end twitter tab -->
<div id="newsletter">
<h2>We'll let you know when we're ready!</h2>
<div class="messages ui-corner-all" id="msg_subscribe"></div>
<p>Enter your email address and we will let you know when we get everything finished up.</p>
<ul class="form" id="frm_newsletter">
<li>
<label class="desc">Your Email: </label> <input size="25" id="subscribe_email" type="text" class="text required ui-corner-all" />
<input class="button ui-state-default ui-corner-all" type="submit" id="btn_subscribe" value="Subscribe" />
</li>
</ul>
<div class="clearfix"></div>
</div>
<!-- end newsletter tab -->
</div>
<!-- end tabs -->
</div>
<!-- end content -->
<div class="clearfix"></div>
</div>
<!-- end wrapper -->
<div id="switcher">
<p>Theme Switcher:</p>
<ul id="nav">
<li><a title="Blue (default)" class="color blue selected ui-corner-all" href="#" rel="css/blue/style.css">Blue</a></li>
<li><a title="Dark Blue" class="color dark-blue" href="#" rel="css/dark-blue/style.css">Dark Blue</a></li>
<li><a title="Silver" class="color silver" href="#" rel="css/silver/style.css">Silver</a></li>
<li><a title="Orange" class="color orange" href="#" rel="css/orange/style.css">Orange</a></li>
<li><a title="Red" class="color red" href="#" rel="css/red/style.css">Red</a></li>
<li><a title="Green" class="color green" href="#" rel="css/green/style.css">Green</a></li>
<li><a title="Yellow" class="color yellow" href="#" rel="css/yellow/style.css">Yellow</a></li>
</ul>
</div>
<input type="hidden" id="success_msg_contact" value="Thanks for contacting us, {{name}}. We appreciate your feedback." />
<input type="hidden" id="success_msg_subscribe" value="When the site is ready, we will notify you at {{email}}!" />
</body>
</html>
i will give complete code if you request
Originally asked by: moustafa on Stack Overflow
Answers