index.php为入口,为一个表单,结构比较简单。只粘贴js代码部分:
function onext(){ var isMobile=/^(?:13\d|15\d|18\d)\d{5}(\d{3}|\*{3})$/; var isPhone=/^((0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/; var iname=$('input[name=iname]').val(); var phone=$('input[name=phone]').val(); var wp=$('input[name=workplace]').val(); if(iname=='' || phone=='' || wp==''){ showDialog('alert', '请检查姓名、电话号码或者工作单位有没有填写', "在线登记", "430"); return false; } if(phone!='' && !isMobile.test(phone) && !isPhone.test(phone)){ showDialog('alert', '你填写的电话号码格式不正确。', "在线登记", "430"); return false; } document.ad.submit(); }
引用了一个jquery.showdialog的函数
function detectMacXFF() { var userAgent = navigator.userAgent.toLowerCase(); if(userAgent.indexOf("mac") != -1 && userAgent.indexOf("firefox") != -1) { return true; } } function in_array(needle, haystack) { if(typeof needle == "string" || typeof needle == "number") { for(var i in haystack) { if(haystack[i] == needle) { return true; } } } return false; } function sd_load(sd_width) { if(sd_width) { $("#SD_window").css("width", sd_width + "px"); } var sd_top = ($(window).height() - $("#SD_window").height()) / 2 + $(document).scrollTop(); if(sd_top < 0) { sd_top = 0; } var sd_left = ($(window).width() - $("#SD_window").width()) / 2; if(sd_left < 0) { sd_left = 0; } $("#SD_window").css("top", sd_top); $("#SD_window").css("left", sd_left); } function sd_remove() { $("#SD_close,#SD_cancel,#SD_confirm").unbind("click"); $("#SD_window,#SD_overlay,#SD_HideSelect").remove(); if(typeof document.body.style.maxHeight == "undefined") { $("body","html").css({height: "auto", width: "auto"}); } } function showDialog(mode, msg, t, sd_width) { var sd_width = sd_width ? sd_width : 400; var mode = in_array(mode, ['confirm', 'window', 'info', 'loading']) ? mode : 'alert'; var t = t ? t : "提示信息"; var msg = msg ? msg : ""; var confirmtxt = confirmtxt ? confirmtxt : "确定"; var canceltxt = canceltxt ? canceltxt : "取消"; sd_remove(); try { if(typeof document.body.style.maxHeight === "undefined") { $("body","html").css({height: "100%", width: "100%"}); if(document.getElementById("SD_HideSelect") === null) { $("body").append("<iframe id='SD_HideSelect'></iframe><div id='SD_overlay'></div>"); } } else { if(document.getElementById("SD_overlay") === null) { $("body").append("<div id='SD_overlay'></div>"); } } if(mode == "alert") { if(detectMacXFF()) { $("#SD_overlay").addClass("SD_overlayMacFFBGHack"); } else { $("#SD_overlay").addClass("SD_overlayBG"); } } else { if(detectMacXFF()) { $("#SD_overlay").addClass("SD_overlayMacFFBGHack2"); } else { $("#SD_overlay").addClass("SD_overlayBG2"); } } $("body").append("<div id='SD_window'></div>"); var SD_html; SD_html = ""; SD_html += "<table cellspacing='0' cellpadding='0'><tbody><tr><td class='SD_bg'></td><td class='SD_bg'></td><td class='SD_bg'></td></tr>"; SD_html += "<tr><td class='SD_bg'></td>"; SD_html += "<td id='SD_container'>"; SD_html += "<h3 id='SD_title'>" + t + "</h3>"; SD_html += "<div id='SD_body'><div id='SD_content'>" + msg + "</div></div>"; SD_html += "<div id='SD_button'><div class='SD_button'>"; SD_html += "<a id='SD_confirm'>" + confirmtxt + "</a>"; SD_html += "<a id='SD_cancel'>" + canceltxt + "</a>"; SD_html += "</div></div>"; SD_html += "<a href='javascript:;' id='SD_close' title='关闭'></a>"; SD_html += "</td>"; SD_html += "<td class='SD_bg'></td></tr>"; SD_html += "<tr><td class='SD_bg'></td><td class='SD_bg'></td><td class='SD_bg'></td></tr></tbody></table>"; $("#SD_window").append(SD_html); $("#SD_confirm,#SD_cancel,#SD_close").bind("click", function(){ sd_remove(); }); if(mode == "info" || mode == "alert") { $("#SD_cancel").hide(); $("#SD_button").show(); } if(mode == "window") { $("#SD_close").show(); } if(mode == "confirm") { $("#SD_button").show(); } var sd_move = false; var sd_x, sd_y; $("#SD_container > h3").click(function(){}).mousedown(function(e){ sd_move = true; sd_x = e.pageX - parseInt($("#SD_window").css("left")); sd_y = e.pageY - parseInt($("#SD_window").css("top")); }); $(document).mousemove(function(e){ if(sd_move){ var x = e.pageX - sd_x; var y = e.pageY - sd_y; $("#SD_window").css({left:x, top:y}); } }).mouseup(function(){ sd_move = false; }); $("#SD_body").width(sd_width - 50); sd_load(sd_width); $("#SD_window").show(); $("#SD_window").focus(); } catch(e) { alert("System Error !"); } } function showInfo(msg, fn, timeout) { showDialog("info", msg); $("#SD_confirm").unbind("click"); if(fn && timeout) { st = setTimeout(function(){ sd_remove(); fn(); }, timeout * 1000); } $("#SD_confirm").bind("click", function(){ if(timeout) { clearTimeout(st); } sd_remove(); if(fn) { fn(); } }); } function showWindow(title, the_url, sd_width) { var sd_width = sd_width ? sd_width : 400; $.ajax({ type : "GET", dataType : "html", cache : false, timeout : 10000, url : the_url, data : "isajax=1", success : function(data){ showDialog("window", data, title, sd_width); }, error : function(data){ showDialog("alert", "读取数据失败"); }, beforeSend : function(data){ showDialog("loading", "正在读取数据..."); } }); } function showConfirm(msg, fn) { showDialog("confirm", msg); $("#SD_confirm").unbind("click"); $("#SD_confirm").bind("click", function(){ if(fn) { fn(); } }); }
提交后的处理程序i.php
<?php //data header('Content-Type:text/html;charset=utf-8'); $iname=iconv("UTF-8","gbk",trim($_POST['iname'])); $phone=iconv("UTF-8","gbk",trim($_POST['phone'])); $workplace=iconv("UTF-8","gbk",trim($_POST['workplace'])); $ksobject=iconv("UTF-8","gbk",$_POST['ksobject']); // date_default_timezone_set('Etc/GMT-8'); //这里设置了时区 $time= date("Y-m-d H:i:s"); $fp = fopen("ksdata.csv","a"); //打开csv文件,如果不存在则创建 //$data_1 = array($name,$cartype,$buycar,$phone,$email,$time,$carnumber); $data_1=array($iname,$phone,$workplace,$ksobject); $data_1 = implode(",",$data_1); // 用 ' 分割成字符串 $data_str =$data_1."\r\n"; //加入换行符 $p=fwrite($fp,$data_str); // 写入数据 //echo $p; if($p!=null&&$p!=""){ //echo "ok..."; }else{ echo "<script>alert('提交失败!');location.href='index.php';</script>"; } fclose($fp); //关闭文件句柄 // echo "提交成功"; echo "<script>alert('提交成功!');location.href='index.php';</script>"; ?>