.net母版+validate+js+cookies自动保存草稿案例

最新推荐文章于 2024-04-28 16:51:45 发布
最新推荐文章于 2024-04-28 16:51:45 发布
阅读量709 收藏 1
点赞数
分类专栏： asp.net 文章标签： cookies .net function class server javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x123jing/article/details/7166337
版权

环境：vs2010+sql2008

母版页

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="manage.master.cs" Inherits="website.manage" %>

<!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>
    <script src="<%= Page.ResolveClientUrl("~/js/jquery-1.6.min.js") %>" type="text/javascript"></script>
    <script src="<%= Page.ResolveClientUrl("~/js/jquery.validate.min.js") %>" type="text/javascript"></script>
    <script src="<%= Page.ResolveClientUrl("~/js/jQuery.validate.message_cn.js") %>" type="text/javascript"></script>
    <link href="<%= Page.ResolveClientUrl("~/css/jquery.validate.css") %>" rel="stylesheet" type="text/css" />
    <link href="<%= Page.ResolveClientUrl("~/css/right.css") %>" rel="stylesheet" type="text/css" />
    <script type="text/javascript" language="javascript">
        var opts = null;
    </script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
                <td height="30">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td height="24" bgcolor="#353c44">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td>
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="6%" height="19" valign="bottom">
                                                        <div align="center">
                                                            <asp:Image ID="Image1" runat="server" Width="14" Height="14" ImageUrl="~/images/tb.gif" /></div>
                                                    </td>
                                                    <td width="94%" valign="bottom">
                                                        <asp:ContentPlaceHolder ID="MenuTitle" runat="server">
                                                        </asp:ContentPlaceHolder>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td>
                                            <asp:ContentPlaceHolder ID="SelectMenu" runat="server">
                                            </asp:ContentPlaceHolder>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:ContentPlaceHolder ID="Content" runat="server">
                    </asp:ContentPlaceHolder>
                </td>
            </tr>
            <tr>
                <td height="30">
                    <asp:ContentPlaceHolder ID="Footer" runat="server">
                    </asp:ContentPlaceHolder>
                </td>
            </tr>
        </table>
    </div>
    </form>
    <script type="text/javascript" language="javascript">
        $(function () {
            if (opts != undefined || opts != null) {
                $("#<%=form1.ClientID %>").validate(opts);
            }
        });
    </script>
</body>
</html>

Article_Join.aspx 

<%@ Page Title="" Language="C#" MasterPageFile="../manage.Master" AutoEventWireup="true"
    CodeBehind="Article_Join.aspx.cs" Inherits="website.Article.Article_Join" ValidateRequest="false" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="../js/ckeditor/ckeditor.js" type="text/javascript"></script>//Ckeditor的js文件
    <style type="text/css">
        .style1
        {
            height: 20px;
            font-size: 12px;
        }
    </style>
    <script src="../js/Jquery.validate.Customrules.js" type="text/javascript"></script>//Validate的自定义规则
    <script type="text/javascript" language="javascript">
        function InitRules() {
            opts = {
                rules:
                    {
                        Title:
                        {
                            required: true,
                            maxlength: 40,
                            chinaenglishDigital: true
                        },
                        action:
                        {
                            required: true
                        }
                    },
                messages:
                    {
                        Title:
                        {
                            required: "<BR>  请输入稿件标题！",
                            maxlength: "<BR>  输入字符最多只能有40个！"
                        },
                        action:
                        {
                        //required: "  请选择稿件操作，必须选择一项！"
                    }
                }
            }
        }
    </script>
    <script src="../js/JQuery.AutoSave.js" type="text/javascript"></script>//自动保存js文件
    <script type="text/javascript" language="javascript">
        $(function () {
            $(window).load(function () {//窗口开启时判断是否有草稿
                if ($("#Title").val() == "" || editor.getData() == "") {
                    AutoSave();
                }
            });

            $("#Title").click(function () {//点击稿件标题判断是否有草稿及运行时存入草稿
                AutoSave();
            }).keyup(function () {
                AutoSave();
            }).select(function () {
                AutoSave();
            });

            $("#form1").submit(function () {//提交表单时删除草稿
                DelCookie();
            });

            CKEDITOR.instances["Content"].on("instanceReady", function () {//绑定Ckeditor的事件
                //set keyup event
                this.document.on("keyup", AutoSave);
                //and click event
                this.document.on("click", AutoSave);
                //and select event
                this.document.on("select", AutoSave);
            });

        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MenuTitle" runat="server">
    <span class="STYLE1">添加稿件</span>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SelectMenu" runat="server">
    <div id="AutoSaveMsg">
    </div>
    <div align="right">
        <span class="STYLE1">
            <img src="../images/fh.gif" width="10" height="10" />
            <a href="../Article_Manage.aspx" class="STYLE1">返回我的稿件信息列表</a></span>  
        <span class="STYLE1"> </span></div>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Content" runat="server">
    <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce">
        <tr>
            <td width="20%" height="20" bgcolor="d3eaef">
                <div align="center">
                    <span class="STYLE10">稿件标题：<em style="color: Red;">*</em></span></div>
            </td>
            <td bgcolor="d3eaef" class="STYLE10">
                  <input type="text" name="Title" id="Title" />
            </td>
        </tr>
        <tr>
            <td height="20" bgcolor="#FFFFFF">
                <div align="center" class="STYLE10">
                    稿件内容：<input id="newid" name="newid" type="hidden" /></div>
            </td>
            <td height="20" bgcolor="#FFFFFF">
                <textarea name="Content" rows="10" cols="20" id="Content"></textarea>
                <script type="text/javascript">
                    var editor = CKEDITOR.replace('Content', {
                        language: 'zh-cn', //简体中文 
                        width: 739,
                        height: 125,
                        toolbar: 'DJArticle'
                    }); 
                </script>
            </td>
        </tr>
        <tr>
            <td bgcolor="d3eaef" class="style1" rowspan="2">
                <div align="center">
                    <span class="STYLE10">稿件操作：<em style="color: Red;">*</em></span></div>
            </td>
            <td bgcolor="d3eaef" class="style1">
                  <input type="radio" name="action" id="id" value="0" checked="checked" /><label
                    for="id">保存为草稿</label><label for="action" class="error">  请选择稿件操作，必须选择一项！</label>
        </tr>
        <tr>
            <td bgcolor="d3eaef" class="style1">
                  <input type="radio" name="action" id="id2" value="1" /><label for="id2">发布到<asp:DropDownList
                    ID="DDL_NewsOffice" runat="server">
                </asp:DropDownList>
                </label>
            </td>
        </tr>
        <tr>
            <td height="20" colspan="2" bgcolor="#FFFFFF">
                <div align="center" class="STYLE21">
                    <input name="UserID" type="hidden" id="UserID" value="1" />
                    <asp:Button ID="Button1" runat="server" Text="提交" />
                </div>
            </td>
        </tr>
    </table>
    <script type="text/javascript" language="javascript">
        InitRules()
    </script>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Footer" runat="server">
    <br />
    <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce">
        <tr>
            <td height="20" bgcolor="d3eaef" class="STYLE10">
                <div class="neterror">
                      使用说明</div>
            </td>
        </tr>
        <tr>
            <td height="20" bgcolor="ffffff" class="STYLE6">
                <div class="neterror">
                            1、*为必填项！稿件标题不可为空，稿件操作不可为空！<br />
                            2、稿件操作必须一项，发布到是指提交到相应报社进行初审！<br />
                            3、稿件内容框大小可以拉动右下角扩大或缩小稿件内容框！<br />
                </div>
            </td>
        </tr>
    </table>
</asp:Content>

Article_Join.aspx.cs 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Model;
using BLL;
using System.Data;
using System.Web.UI.HtmlControls;

namespace website.Article
{
    public partial class Article_Join : System.Web.UI.Page
    {
        private commonManager comm = new commonManager();
        private common com=new common();
        private DJ_ArticalManager djam = new DJ_ArticalManager();

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                DDL_Bind();
            }
            else
            {
                int intUserID = Convert.ToInt32(Request.Form["UserID"]);
                string strTitle = Request.Form["Title"].Trim().ToString();
                string strContent = Request.Form["Content"].Trim().ToString();
                int intaction = Convert.ToInt32(Request.Form["action"]);
                int strDDL_NewsOffice=0;
                if (intaction==1)
                {
                    strDDL_NewsOffice = Convert.ToInt32(DDL_NewsOffice.Text);
                } 
                DJ_Artical dja = new DJ_Artical();
                dja.UserID = intUserID;
                dja.Title = com.qhtml(strTitle);
                dja.Content =com.qhtml(strContent);
                dja.State = intaction;
                dja.FaUnit = strDDL_NewsOffice;
                //Response.Write(dja.UserID+"<BR>"+dja.Title+"<BR>"+dja.Content+"<BR>"+dja.State+"<BR>"+dja.FaUnit);
                int res = djam.Artical_Join(dja);
                if (res>0)
                {
                    com.Show(this, "添加成功");
                    com.zx(this, "../Article_Manage.aspx");
                }
                else
                {
                    com.Show(this, "添加不成功");
                    com.zx(this, "../Article_Manage.aspx");
                }
            }
        }

        private void DDL_Bind()
        {
            DDL_NewsOffice.DataSource = comm.DDL_NewOffice_Show();
            DDL_NewsOffice.DataTextField = "BSName";
            DDL_NewsOffice.DataValueField = "BSID";
            DDL_NewsOffice.DataBind();
        }



    }
}

jquery.dimensions.js 

function AutoSave() {
    var _Title = $("#Title").val();
    var _Content = editor.getData();
    var _UserId = 1;

    if (!_Title) {
        var _LastTitle = GetCookie('AutoSaveTitle');
        var _LastContent = GetCookie('AutoSaveContent');
        var _LastUserId = GetCookie('AutoSaveUserID');

        if (!_LastTitle) return;
        if (!_LastContent) return;

        if (_LastUserId == _UserId) {
            if (confirm("加载上次没有编辑完的信息?")) {
                $("#Title").val(_LastTitle);
                editor.setData(_LastContent);
                return true;
            }
        }

    } else {

        var expDays = 30;
        var exp = new Date();
        exp.setTime(exp.getTime() + (expDays * 86400000)); // 24*60*60*1000 = 86400000
        var expires = '; expires=' + exp.toGMTString();

        // SetCookie
        document.cookie = "AutoSaveTitle=" + escape(_Title) + expires;
        document.cookie = "AutoSaveContent=" + escape(_Content) + expires;
        document.cookie = "AutoSaveUserID=" + escape(_UserId) + expires;
    }
}

function getCookieVal(offset) {
    var endstr = document.cookie.indexOf(";", offset);
    if (endstr == -1) endstr = document.cookie.length;
    return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie(name) {
    var arg = name + "=";
    var alen = arg.length;
    var clen = document.cookie.length;
    var i = 0;
    while (i < clen) {
        var j = i + alen;
        if (document.cookie.substring(i, j) == arg) return getCookieVal(j);
        i = document.cookie.indexOf(" ", i) + 1;
        if (i == 0) break;
    }
    return null;
}
function DeleteCookie(name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval = GetCookie(name);
    document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}
function DelCookie() {
    DeleteCookie('AutoSaveTitle');
    DeleteCookie('AutoSaveContent');
    DeleteCookie('AutoSaveUserID');
}


x123jing
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net Menu控件+SQLServer实现动态多级菜单
01-02
首先是数据表的设计 其中treeId指的是该菜单项的父ID，如果treeId为0.表示该菜单项为根菜单项，否则表示他为某菜单项的子菜单，比如id为2的项，他的父节点是1.则他是张三的子菜单，而张三是根菜单，position只用于...
ASP.NET MVC+EntityFramework快速搭建后台管理系统
xzhu博客
12-04 711
ASP.NET MVC+EntityFramework快速搭建后台管理系统
ASP.NET MVC+Sqlserver+Bootstrap-table+三层架构
Alan_beijing
01-11 1302
一 技术方案介绍 1.软件架构 三层架构，即UI+BLL+DAL+Model+Common 2.技术选型 ASP.NET MVC+Sqlserver+Bootstrap-table 3.开发环境 Visual Studio 2017,Sql Server 2012+,Win10 4.解决方案 二 业务介绍 1.增删该查 2.父子表 3.分页功能 4.导入导出 三...
ASP.NET MVC+JQuery母版页的Ajax提交问题
FrankHu
09-10 1468
Ajax内容：$(document).ready(function () { $(function () { $("#submit").click(function () { var name = $("#log").val(); var pwd = $("#pw
.NET项目是否有必要升级到.NET 3.5 + VS 2008
LHHfp2013的博客
09-16 212
前言：.NET 3.5 + VS 2008已经发布一年多了，可是还有一半以上的企业和开发团队在用VS2005+.Net 2.0(包括我们公司)，甚至还有用.Net 1.1+VS2003的。生产工具是提高生产力的最重要途径，但是还有许多人没意识到08系列的强大。本来写此文来说服公司领导，顺便也发出来，想表达这 种观点：不与时俱进就要时不我待啦！网上好像还没有这么一篇较短篇幅的文章能系...
ASP&C#教程\精通Asp.net2.0+Sql2005项目开发
05-04
\ MasterPage.master 母版页 \ ResumeDetail.aspx 简历详细信息页面 \ ResumeQuery.aspx 查询简历页面 第9章（\C09） 示例描述：本章实现了网上书店系统，用户可以利用该系统浏览图书，按照类别、...
在线求职系统C#源码 ASP.NET2005+SQLServer2005
01-02
母版页 New data source controls - ObjectDataSource 新的数据源控件-objectDataSource New data bound controls – GridView and DetailsView 新的数据绑定控件-GridView和DetailsView New navigational ...
通讯录（asp.net+sql）
12-03
这是我做的通讯录，不过没有完善，我会尽快完善，传到这里面方便刚学asp.net的人学习，里面又登陆界面，treeview控件，还使用到了母版页，因为我刚学所以做得不好请见谅。
详解Asp.Net母版页元素ID不一致的体现
10-17
由于总体排版和设计的需要，我们往往创建母版页来实现整个网站的统一性，这篇文章主要介绍了详解Asp.Net母版页元素ID不一致的体现，感兴趣的小伙伴们可以参考一下
asp.net用c#获取当前页面异常详细信息
01-07 1802
今天，忘记了打开SQL服务器就运行程序，出现了错误信息，突来无聊，觉的错误页面好丑，我只想它出现错误信息，不想它出现后面的什么堆栈什么的，就“烟”究了半天，终于搞出来了。 首先来个错误信息图： 我要提取的就是红色文字的部份。因为服务器没有开，一运行程序，就指向DAL类库中的sqlhelper.cs中getconn()的conn.open，就出现这个错误，而我的conn.open是这么写
回发或回调参数无效。在配置中使用 <pages enableEventValidation="true"/> 或在页面中使用 <%@ Page EnableEventValidation="true"
12-22 676
今天用listview和dropdownlist以及aspnetpager做了个页面，出现了一个错误： “/”应用程序中的服务器错误。 -------------------------------------------------------------------------------- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的，此功能验证回发
笔记：.NET的框架梳理及相关概念了解（“.NET Core“ “.NET“ “.NET Framework“）
weixin_46691179的博客
04-24 1504
语言层有语法标准，中间层有中间语言标准，但是实现层并没有统一的标准，导致编译时必须选择具体的实现层，.NET实现层的不同类似于C/C++下的CPU架构不同。实现层的每种实现都按照自己的版本规划对标准进行实现，即：每种实现除支持.NET Standard外，还具有自己的一些特性，是.NET Standard的超集。：若程序的实现层选择.NET Standard，那么就可以在所有支持.NET Standard的实现中运行，无需再为不同的实现生成不同的库。）：C/C++程序的运行代码称为“非托管代码”。
.NET/C#汇总 —— 数据库SQL查询（附建表语句）
夜飞鼠的专栏
04-25 1393
⼀个叫 team 的表，⾥⾯只有⼀个字段name, ⼀共有4 条纪录，分别是a,b,c,d, 对应四个球对，现在四 个球对进⾏⽐赛，⽤⼀条sql 语句显示所有可能的⽐赛组合
.NET高级面试指南专题三十【MVC模式介绍，每个组件都有不同的责任，协同工作以实现应用程序的目标】
一个专注于技术研究创新的程序员
04-27 663
UserModel表示用户数据，UserView表示用户界面，UserController充当中介来更新模型并将数据显示到视图上。这种分离使得各个组件可以独立开发、测试和维护，提高了代码的可读性和可维护性。是一种软件设计模式，用于将应用程序分解为三个主要组件：模型（每个组件都有不同的责任，协同工作以实现应用程序的目标。
Quartz.Net技术教学：构建高效的任务调度系统
weixin_53216033的博客
04-28 916
对于定时任务、后台数据处理等相信也是大家经常遇到的需求啦。为了满足这些需求，Quartz.Net作为一款功能强大的任务调度框架，受到了广大开发者的青睐。本文就从Quartz.Net的基本概念、核心组件、使用方法以及最佳实践入手，帮助大家快速上手并构建高效的任务调度系统吧。
.NET 高级开发人员面试常见问题及解答
劉煥平CHN
04-22 974
解答：Session是在服务器端存储用户会话信息的机制，而Cookie是在客户端存储小块数据的方式。解答：LINQ（Language Integrated Query）是.NET中的一种查询语言，它允许我们使用类似SQL的语法在C#或VB.NET代码中查询和操作数据。解答：死锁是指两个或更多的进程在执行过程中，由于竞争资源而造成的一种互相等待的现象。async用于声明一个方法是异步的，而await用于等待一个异步操作的完成，同时不会阻塞主线程。解答：委托是一种引用方法的类型，类似于C或C++中的函数指针。
.net 图片操作
最新发布
zxb11c的博客
04-28 329
【代码】.net 图片操作。
利用Triple U.Net结构对冷冻切片H&E染色组织学图像进行核实例分割
qq_45880982的博客
04-28 726
细胞核实例分割在肿瘤诊断和癌症病理学研究中至关重要。H&E染色图像常用于医学诊断，但在用于图像处理任务之前需要进行预处理。两种主要的预处理方法是福尔马林固定石蜡包埋样本（FFPE）和冷冻组织样本（FS）。尽管FFPE被广泛使用，但它耗时长，而FS样本可以快速处理。由于快速处理过程可能导致图像质量下降，分析来自快速样本制备、染色和扫描的H&E染色图像可能会遇到困难。本文提出了一种利用H&E染色图像独特光学特性的方法。实现了一个三分支U-Net架构，每个分支都为最终的分割结果做出贡献。
asp.net母版页设计
06-03
ASP.NET母版页是一种重用页面标记的技术，它允许您定义一个共享布局，然后在多个页面中使用该布局。要设计ASP.NET母版页，您可以按照以下步骤进行操作： 1. 创建母版页：在Visual Studio中创建一个新的ASP.NET网站...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值