📄 book_list.aspx

📁 ajax+access
💻 ASPX
字号:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Book_List.aspx.cs" Inherits="Book_List" %>

<!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 runat="server">
    <title></title>
    <style type="text/css">
body
{
	color: #ffffff;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	background-color: #AB7D49;
	text-align: left;
	overflow-x: auto;
	overflow-y: auto;
	scrollbar-arrow-color: #808080;
	scrollbar-face-color: #ECECEC;
	scrollbar-track-color: #F6F6F6;
	scrollbar-shadow-color: #DADADA;
	scrollbar-3dlight-color: #ECECEC;
	scrollbar-darkshadow-color: #B4B4B4;
	scrollbar-highlight-color: #FFFFFF;
}

.TxtBox
{
	font-size: 12pt;
	border: 1px solid;
	border-color: black black #000000;
	color: #000000;
	background: #D7A966;
}

TD
{
	font-family: Verdana, Tahoma, 'Times New Roman';
	font-size: 9pt;
}

</style>

    <script type="text/javascript">    
  function $(e) {return document.getElementById(e);} 
  function String.prototype.trim(){return this.replace(/(^\s*)|(\s*$)/g,"");}
  
var s_GridView_CurrenPage = '0';
var xmlHttp;
var xmlHttpGet;
function GetXmlHttpObject(){
    var xmlHttpNew = null;
    try {
        xmlHttpNew = new XMLHttpRequest();
    } 
    catch (e) {
        try {
            xmlHttpNew = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e) {
            xmlHttpNew = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttpNew;
}

function addBook(){
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null) {
        alert("浏览器不支持 AJAX!");
        return;
    }
    var postParam = '';
    postParam = "Name=" + $("txtname").value.trim();
    postParam = postParam + "&Email=" + $("txtemail").value.trim();
    postParam = postParam + "&Title=" + $("txtTitle").value.trim();
    postParam = postParam + "&Verify=" + $("txtverify").value.trim();
    postParam = postParam + "&From=" + $("txtcountry").options[$("txtcountry").selectedIndex].text;
    postParam = postParam + "&Tel=" + $("txttel").value.trim();
    postParam = postParam + "&Book=" + $("txtBook").value.trim();
    
    var url = 'Book_Add.aspx';
    url = url + "?SID=" + Math.random();
    xmlHttp.onreadystatechange = addBookOK;
    xmlHttp.open("POST", url, true);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlHttp.send(postParam);
}

function addBookOK(){
    if (xmlHttp.readyState == 4) {
        if (xmlHttp.responseText.indexOf('错误') >= 0) {
            alert(xmlHttp.responseText);
        }
        else {
            s_GridView_CurrenPage = '0';
            setVerifyCode();
            GuestBook();
            clearall();
        }
    }
}

function clearall(){
    $("txtname").value = "";
    $("txtemail").value = "";
    $("txtBook").value = "";
    $("txttel").value = "";
    $("txtTitle").value = "";
    $("txtverify").value = "";
    $("txtcountry").selectedIndex = 0;
    
}

function GuestBook(){
    xmlHttpGet = GetXmlHttpObject();
    if (xmlHttpGet == null) {
        alert("浏览器不支持 AJAX!");
        return;
    }
    var url = 'Book_Get.aspx';
    url = url + "?SID=" + Math.random();
    url = url + "&PageIndex=" + s_GridView_CurrenPage;
    xmlHttpGet.onreadystatechange = BookGetOK;
    xmlHttpGet.open("GET", url, true);
    xmlHttpGet.send(null);
}

function BookGetOK(){
    if (xmlHttpGet.readyState == 4) {
        var gustBookDiv = document.getElementById("middle3");
        gustBookDiv.innerHTML = xmlHttpGet.responseText;
        
    }
}

function Paging(s_Param_PageNumber){
    s_GridView_CurrenPage = s_Param_PageNumber;
    GuestBook();
}

function setVerifyCode(){
    var nameListDiv = document.getElementById("verifyPic");
    nameListDiv.src = "VerifyCode.aspx?SID=" + Math.random();
}

function check(){
    if ($("txtname").value.trim() == "") {
        alert("名称不能为空")
        $("txtname").focus()
        $("txtname").select()
        return false;
    }
    if ($("txtTitle").value.trim() == "") {
        alert("主题不能为空")
        $("txtTitle").focus()
        $("txtTitle").select()
        return false;
    }
    if ($("txtemail").value.trim() == "") {
        alert("Email不能为空")
        $("txtemail").focus()
        $("txtemail").select()
        return false;
    }
    if ($("txtemail").value.trim() != "") {
        var patrn = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
        if (!patrn.exec($("txtemail").value.trim())) {
            alert("邮件格式不正确");
            $("txtemail").focus();
            $("txtemail").select();
            return false;
        }
    }
    if ($("txtBook").value.trim() == "") {
        alert("内容不能为空")
        $("txtBook").focus()
        $("txtBook").select()
        return false;
    }
    if ($("txtBook").value.trim().length > 250) {
        alert("内容最多为250个字符")
        $("txtBook").focus()
        $("txtBook").select()
        return false;
    }
    return true;
}

window.onload = function(){
    setVerifyCode();
    GuestBook();
}

function Addbook()
{
　if(check())
　{
　　　addBook();
　}
}

    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div id="middle3" style="margin-left: 2px;">
        </div>
        <div id="bookAddPannel" style="margin-left: 15px; width: 560px;">
            <p style="font-family: Verdana, Tahoma, 'Times New Roman'; font-size: 9pt;">
                <b>请您留言</b></p>
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td>
                        姓 名:</td>
                    <td>
                        <input type="text" name="txtname" class="TxtBox" size="10" maxlength="10">
                        <font color="red">*</font></td>
                    <td>
                        主题:</td>
                    <td>
                        <input type="text" name="txtTitle" class="TxtBox" size="10" maxlength="10">
                        <font color="red">*</font></td>
                    <td>
                        Email:</td>
                    <td>
                        <input type="text" name="txtemail" class="TxtBox" size="10" maxlength="30">
                        <font color="red">*</font></td>
                </tr>
                <tr>
                    <td>
                        来 自:</td>
                    <td>
                        <select size="1" name="txtcountry">
                            <option>五湖四海</option>
                            <option value="北京市">北京市</option>
                            <option value="天津市">天津市</option>
                            <option value="上海市">上海市</option>
                            <option value="重庆市">重庆市</option>
                            <option value="安徽省">安徽省</option>
                            <option value="福建省">福建省</option>
                            <option value="甘肃省">甘肃省</option>
                            <option value="广东省">广东省</option>
                            <option value="广西省">广西省</option>
                            <option value="四川省">四川省</option>
                            <option value="贵州省">贵州省</option>
                            <option value="湖北省">湖北省</option>
                            <option value="湖南省">湖南省</option>
                            <option value="吉林省">吉林省</option>
                            <option value="江苏省">江苏省</option>
                            <option value="江西省">江西省</option>
                            <option value="辽宁省">辽宁省</option>
                            <option value="青海省">青海省</option>
                            <option value="浙江省">浙江省</option>
                            <option value="河北省">河北省</option>
                            <option value="河南省">河南省</option>
                            <option value="山东省">山东省</option>
                            <option value="山西省">山西省</option>
                            <option value="陕西省">陕西省</option>
                            <option value="云南省">云南省</option>
                            <option value="黑龙江">黑龙江</option>
                            <option value="宁夏">宁夏</option>
                            <option value="新疆">新疆</option>
                            <option value="西藏">西藏</option>
                            <option value="内蒙古">内蒙古</option>
                            <option value="香港特区">香港特区</option>
                            <option value="澳门特区">澳门特区</option>
                            <option value="中国台北">中国台北</option>
                        </select>
                    </td>
                    <td>
                        电话</td>
                    <td>
                        <input type="text" name="txttel" class="TxtBox" size="10" maxlength="30">
                    </td>
                    <td>
                        验证码:</td>
                    <td>
                        <span style="position: relative; top: -5px;">
                            <input type="text" name="txtverify" class="TxtBox" size="1" maxlength="4"></span>
                        <img src="" alt="点击更换..." width="60" height="25" id="verifyPic" onclick="setVerifyCode();" />
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: top;">
                        内容:</td>
                    <td colspan="3">
                        <textarea name="txtBook" cols="30" rows="4" class="TxtBox"></textarea>&nbsp;<font color="red">*</font></td>
                    <td>
                    </td>
                    <td>
                        <a id="btnAdd" href="javascript:Addbook();" style="padding-top: 2px; padding-bottom: 7px;">保存</a> <a id="btnReset"  href="javascript:clearall();" style="padding-top: 2px;
                            padding-bottom: 7px; height: 25px;">重置</a>
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>
💿 文件大小 67 K
👤 上传用户 srbrabbit
📂 所属分类 Ajax
🏷️ 相关标签

#access #ajax
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -