功能简介：在表单提交时，使用@xxx字符串以提醒用户来查看某条信息。比如当你发帖时输入@jim，那么系统会匹配出这个字符串，并且将提醒人和被提醒人的信息写入数据库，当jim访问自己的主页时，他会发现一条信息，某人在某个时刻提到了他的名字，并且给出一条链接。jim点击这个链接就会跳转过去查看详细内容。 数据库设计：由于是一个demo，所以设计得很简单。 user表：字段有，id，name，pwd，posttime，本demo主要使用name字段 reminded表：字段有id，user_from，user_to，remind_time，其中user_from是提醒人的id，user_to是被提醒人的id 在此demo中，我们使用js来完成输入用户名自动提示。下面请看详细代码，或者直接到文章最后下载demo。 —————-index.php——————– <!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>第一php网提供的教程–仿百度、人人的@提醒功能</title> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js” type=”text/javascript”/></script> <script language=”javascript”> //使用ajax提示@功能的自动完成 function ajax_remind(){ //获取textarea的当前值 var str=$(“#username”).val(); //检索最后一个字符 var lastchar=str.substr(str.length-1); //如果最后一个输入的字符是@，不提示自动完成 if(lastchar==’@’)return false; //匹配最后一次输入的形如’@xxx’的字符串，这里是字母、中文、数字、下划线 var re=/@w{0,}[u4e00-u9fa5]{0,}$/; //从textarea的值中匹配出符合模式的字符串 var username=str.match(re); //如果获取了匹配，使用ajax提示自动完成 if(username!=null){ var username=username[0].substr(1); $.post(“ajaxshow.php”, {username:username},function(data){ $(“#show”).html(data); }); } […]
相关文章
转载请注明：爱开源 » 仿百度、人人的@提醒功能demo下载 第一php网原创教程