html+js+php+mysql数据库示例(邮箱订阅框)

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了。

你的電子郵件位址並不會被公開。 必要欄位標記為 *