自己写的一个用AJAX实现的留言系统

原创 2006年06月12日 15:51:00

 

//write.asp

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="../images/css.css" rel="stylesheet" type="text/css">
<title>Dry English Online</title>
<style type="text/css">
<!--
.style1 {
 font-family: Arial;
 font-size: 9.0pt;
 color: black;
}
.style2 {font-size: 10.0pt}
#msg {
 position:absolute;
 left:284px;
 top:20px;
 width:350px;
 height:25px;
 z-index:1;
}
-->
</style></head>
<body>
<!-- onload="javascript:openWin()" -->
<div id="msg"></div>

<!--<table width="200" height="20" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td id="msg">&nbsp;</td>
  </tr>
</table>
-->
<table width="778" border="0" align=center cellpadding="0" cellspacing="0" bgcolor="#DEDFE2" class="top4">  

  <tr>  

    <td>  

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="table1">                  
  <tr>                   
    <td valign="top">                   
      <div align="center">              
        <center>              
          <table border="0" cellspacing="1" width="663" height="30" id="table2"> 
            <tr> 
              <td> 
                <p align="center" style="margin-top: 6"><font face="Tahoma" size="5" color="#A71812"><b>Contract 

                Us</b></font>
                </td> 
            </tr> 
          </table> 
        </center>  
      </div> 
    </td> 
  </tr> 
</table>  
    </td> 
  </tr> 
  <tr>  
    <td height="280">  
        <div align="left">
          <table width="600" border=1 align="center" cellpadding="5" cellspacing="0" bordercolorlight="#800000" bordercolordark="#FFFFFF" bgcolor="#FFFFFF">
            <tr>
              <td ALIGN="left" width="76"  height=25><b>Name</b></td>
              <td width="371" height=25 ><input TYPE="TEXT" NAME="Contact_FullName" SIZE="20" id="Contact_FullName"></td>
            </tr>
            <tr>
              <td ALIGN="left" width="76" ><b>Signature</b></td>
              <td width="371"><input TYPE="TEXT" NAME="Contact_Title" SIZE="20" id="Contact_Title"></td>
            </tr>
            <tr>
              <td ALIGN="left" width="76" height="25"><b>Company</b></td>
              <td width="371" ><input TYPE="TEXT" NAME="Contact_Organization" SIZE="20" id="Contact_Organization"></td>
            </tr>
            <tr>
              <td ALIGN="left" width="76" height="24"><b>Tel</b></td>
              <td width="371" ><input TYPE="TEXT" NAME="Contact_TEL" SIZE="20" MAXLENGTH="25" id="Contact_TEL"></td>
            </tr>
            <tr>
              <td ALIGN="left" width="76" height="25"><b>Fax</b></td>
              <td width="371" ><input TYPE="TEXT" NAME="Contact_FAX" SIZE="20" id="Contact_FAX"> </td>
            </tr>
            <tr>
              <td ALIGN="left" width="76" ><b>E-mail</b></td>

              <td width="371" ><input TYPE="TEXT" NAME="Contact_Email" SIZE="20" MAXLENGTH="50" id="Contact_Email"></td>
            </tr>

            <tr>
              <td ALIGN="left" width="76" ><b>Address</b></td>

              <td width="371" >
    <input TYPE="TEXT" NAME="Contact_Address" SIZE="20" id="Contact_Address"></td>
            </tr>

            <tr>
              <td ALIGN="left" width="76" ><b>Comments</b></td>

              <td width="371" ><textarea rows="8" name="comments" cols="40" id="comments"></textarea></td>
            </tr>
          </table>

        </div>
<div align="center">
  <input name="mess_sbt" TYPE="button" id="mess_sbt" style="color: #A71812; margin-top: 16" VALUE="Submit" onClick="Check()">  
   
</div>

    </td> 

  </tr> 
</table>                 
<script src="ajax.js"></script>
</body>                 
</html>             

//ajax.js

function GE(a){return document.getElementById(a);}
function Check(){
 if(GE('Contact_FullName').value==''||GE('Contact_Title').value==''){
 alert('Name or Signature is required!');
 GE('Contact_FullName').focus();
 return false;
 }
 if(GE('Contact_Address').value==''){
 alert('Address is required!');
 GE('Contact_Address').focus();
 return false;
 }
 if(GE('Contact_FAX').value==''){
 alert('FAX is required!');
 GE('Contact_FAX').focus();
 return false;
 }
 if(GE('Contact_Organization').value==''){
 alert('Company is required!');
 GE('Contact_Organization').focus();
 return false;
 }
 if (GE('Contact_TEL').value==''){
 alert('Tel is required!');
 GE('Contact_TEL').focus();
 return false;
 }
 if(GE('Contact_Email').value.length!=0)
   {
  if (GE('Contact_Email').value.charAt(0)=="." ||       
    GE('Contact_Email').value.charAt(0)=="@"||      
    GE('Contact_Email').value.indexOf('@', 0) == -1 ||
    GE('Contact_Email').value.indexOf('.', 0) == -1 ||
    GE('Contact_Email').value.lastIndexOf("@")==GE('Contact_Email').value.length-1 ||
    GE('Contact_Email').value.lastIndexOf(".")==GE('Contact_Email').value.length-1)
   {
    alert('Email format is incorrect!');
    GE('Contact_Email').focus();
    return false;
    }
    }
 var X=new ActiveXObject("Msxml2.XMLHTTP");
 if(X){
  GE('mess_sbt').disabled=true;
  X.onreadystatechange=function(){
//   alert(X.readyState);
   if(X.readyState==4){
    if(X.status==200){
//     alert(X.status);
     eval(X.responseText);
    }
    else{GE('msg').innerHTML=X.statusText}
   }
   else{
    GE('msg').innerHTML="<div style='width=100%; background-color=brown; height=50px; padding-top=10px;'><font color=white>Sending...</font></div>";
   }
  };
  X.open('POST','send.asp',true);
  X.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  var SendData = 'Contact_FullName='+GE('Contact_FullName').value+'&Contact_Title='+GE('Contact_Title').value+
  '&Contact_Organization='+GE('Contact_Organization').value+'&Contact_TEL='+GE('Contact_TEL').value+'&Contact_FAX='
  +GE('Contact_FAX').value+'&Contact_Email='+GE('Contact_Email').value+'&Contact_Address='
  +GE('Contact_Address').value+'&comments='+GE('comments').value
  X.send(SendData)
 }
 else{
 GE('msg').innerHTML='你的浏览器不支持XMLHttpRequest'
 }
}

//send.asp

<%@ LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include virtual="/_inc/conn.asp"-->
<%
name=request.Form("Contact_FullName")
Signature=request.Form("Contact_Title")
Address=request.Form("Contact_Address")
company=request.form("Contact_Organization")
Fax=request.form("Contact_FAX")
Tel=request.form("Contact_tel")
email=trim(request.form("Contact_Email"))
company=replace(trim(request.form("Contact_Organization")),"'","")
comments=replace(trim(request.form("comments")),"'","")
'*********写入数据库********
set rs = server.CreateObject("adodb.recordset")
rs.open "select * from en_mess",conn,1,3
rs.addnew
rs("Contact_Title")=Signature
rs("Contact_FullName")=name
rs("Contact_Address")=Address
rs("Contact_Organization")=company
rs("Contact_FAX")=Fax
rs("Contact_tel")=Tel
rs("Contact_Email")=email
rs("comments")=comments
rs("time")=date()
rs.update
rs.close
set rs = nothing
'*********写入完毕***********
response.Write "location.href='success.asp';"
%>

演示网址:http://english.dry.com.cn/message/write.asp

这个是我自己写的一个网站的留言系统,做的比较粗糙,只是写入数据库而已,如果结合XML,就和CSDN的留言板差不多了。

    

相关文章推荐

一个简单留言板ajax应用的启示备忘录

本着学习 jquery 中 ajax 的态度,后台逻辑十分简单,一个 servlet 搞定,没啥注释,合计7KB。额,刚发现 js 文件只写了 5KB,尴尬,可见 jquery 真的很很很省程序员敲代...
  • mzule
  • mzule
  • 2011年04月17日 01:26
  • 1120

一个ajax的留言板

  • 2015年12月17日 09:07
  • 1.45MB
  • 下载

一个简单的jsp+ajax留言板

  • 2007年07月30日 22:00
  • 18KB
  • 下载

使用AJAX实现优酷视频播放时留言不刷新

各位童鞋我们试想一下,如果你在网页上看视频,看到有感而发时,这时你你对视频进行评论后,吧唧!整个页面刷新,你还得从头看视频,很蛋疼是吧。避免这种情况发生很简单,只要我们将评论部分使用AJAX做就可以了...

ajax免刷新的php留言系统!

  • 2013年09月07日 22:08
  • 80KB
  • 下载

用HTML+PHP写一个留言板来进行XSS测试&学习 第一篇(GET反射型)

近期学习xss,需要设计一个留言板来进行储存型xss测试 不太会html和php,但是又百度不到合适的代码,发现网上缺少这种资源,因此我要把学习和编写过程记录下来,一来提升了自己,二来方便跟我有相同需...

用原生js写一个微博发布框,留言框。

本来这篇文章是昨晚发布的,但是昨天网上自己的网站出了一些问题。百度一下可能是因为配置的问题,但是自己对后端,以及命令行实在不懂。好吧那就把它先放着。等我学了php以及linux在回来解决吧。今天写一个...

Java图形用户界面(GUI)工具包swing来写一个简单的留言板程序(不带数据库)

Java图形用户界面(GUI)工具包swing来写一个简单的留言板程序(不带数据库)package demo2; import java.awt.BorderLayout; import javax....
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自己写的一个用AJAX实现的留言系统
举报原因:
原因补充:

(最多只允许输入30个字)