html+js代码
<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)//合法邮件地址验证函数：输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号.。
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)//表单验证函数
{
with (thisform)
{
if (validate_email(keyword,"请正确输入您的邮箱地址。\n感谢您的订阅！")==false)//多行警告框只用在文本中加入换行符即可实现
{keyword.focus();return false}//若验证失败则让输入框获取焦点
}
}
function clearText(field)//清楚输入框中预定义文字的函数
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<p>欢迎订阅我们的优惠信息和行业动态。</p>
<form action="dingyue.php" onsubmit="return validate_form(this);" method="post">
<input type="text" value="您的电子邮箱" name="keyword" size="30" id="keyword" title="keyword" onfocus="clearText(this)" />/*也可同时在onblur时执行clearText函数*/
<input type="submit" name="Subscribe" value="订阅" alt="Subscribe" id="subscribe_btn" title="订阅" />
</form>
</body>
</html>
在你的数据库建立一张名叫dingyue表，包含3个字段：
xuhao:int(4),notnull,AUTO_INCREMENT
shijian:timestamp,on update CURRENT_TIMESTAMP,默认CURRENT_TIMESTAMP
youxiang:varchar(30),utf8_general_ci,notnull
dingyue.php的代码
<?php
$keyword=$_POST["keyword"];
$con=mysql_connect("你的数据库服务器名","用户名","密码");//服务器名不要加http
mysql_query("set names utf8");
mysql_select_db("用户名",$con);
$query="insert into dingyue(xuhao,shijian,youxiang) values(null,null,'$keyword')";//插入一条记录
mysql_query($query,$con);
mysql_close($con);
echo "<script language=javascript>rn";
echo "alert('感谢您订阅本公司的新闻及优惠活动！');rn";
echo "history.back();rn</script>";//后退一步，返回提交页面
exit;
?>
这样就OK了。