一、引用脚本 二、校验方式 方式一： 方式二： 方式三： 三、校验规则 必填：required:true 远程验证：remote:"check.php" 邮件地址：email:true 网址：url:true 日期：date:true 日期格式：dateISO:true 数字：number:true 整数：digits:true 信用卡号：creditcard: 表单比较：equalTo:"#field" 后缀：accept:"mime1,mime2" 最大长度：maxlength:5 最小长度：minlength:10 长度范围：rangelength: 值范围：range: 最大值：max:5…
DataTables分页取数据示例 Default.aspx： data.ashx： 参考资料 .Server-side processing：http://www.datatables.net/usage/server-side
DataTables插件零配置使用示例： 在上图可以看到，DataTables插件为table添加了额外的5个功能：每页记录数、搜索、排序、信息及分页。 一、5个功能基本设置 1.每页记录数 说明：必须bPaginate=true时，bLengthChange=true才能显示。 2.搜索 3.排序 4.信息 5.分页 二、5个功能全局设置 三、5个功能位置调整 sDom属性值具体含义： ·l - Length changing ·f - Filtering input ·t - The table! ·i - Information ·p - Pagination ·r - pRocessing…
Lazy Load是一个jQuery插件，它的作用是延迟加载页面上的一些图片。例如当一个页面非常长时，先加载可见区域的图片，不可见区域的图片都不加载，直到拉动滚动条时才加载显示。这非常的棒，不仅加快了客户端页面打开速度，还能降低服务器端请求数。 Lazy Load语法 html代码： 说明：src是占位图片，data-original为真实图片地址。 js代码： lazyload方法参数 说明：平时常用的参数有event和effect，event表示引发加载图片的事件，可以是click、mouseover等；effect表示显示图片的效果。 Lazy Load使用示例 参考资料 .Lazy Load Plugin for jQuery：http://www.appelsiini.net/projects/lazyload
出于WEB站点本身的需要，有些文件(夹)是需要写入/修改权限的，比如网站数据库文件、生成静态页面文件夹，当然，开放的权限越多，带来的危险性也就越大，本文以Z-Blog 1.8为例，从WEB安全角度说说站点文件(夹)结构设计的注意事项。 1.集中需要写入/修改权限的文件(夹) 将需写入/修改权限的文件(夹)集中放在一个文件夹中，主要是方便服务器管理员配置用户权限以及脚本执行权限，Z-Blog需要配置写入/修改权限的文件(夹)比较分散： Z-Blog18 ├CACHE ├DATA ├INCLUDE ├POST ├THEMES ├UPLOAD └c_custom.asp 2.需要写入/修改权限的文件不应是脚本文件(.asp, .php)…
window.open新建空白窗口动态写入xml： 这段代码能在新窗口中写入xml字符，但IE9、Firefox10、Chorme17都将它当成普通的html文档来解析，不能对xml节点进行展开与收缩。 我想问题的关键是脚本没有告诉浏览器文档类型为text/xml，让浏览器误以为是普通的text/html文档，那怎么告诉浏览器文档类型呢？想起了document.open有个mimetype参数，修改后代码如下： 问题依旧，什么原因呢？翻看《JavaScript权威指南》第四版，在P636中对mimetype参数说明如下： 一个可选的字符串参数，指定了要写入document并显示出来的数据的类型。该参数的值应该是浏览器可以识别的标准MIME类型之一(在Netscape中即"text/html"、"text/plain、"text/gif""image/jped"和"image/x-bitmap")，或者是安装到浏览器上的某种插件可以处理的MIME类型。如果省略了这个参数，它的默认值是"text/html"。IE3将忽略这个参数，它总是假定文档的类型是"text/html"。W3C DOM标准中的Document.open()方法不支持该参数。…
最近自己再写一个网络应用软件，其中需要用到对json数据格式进行解析。在学习json的时候，发现这是一种很轻量级的脚本语言，主要用于服务器之间的数据传递与交换。所以，关于json数据格式的一点学习心得与笔记在此与大家分享了，也许以后朋友们还有谁遇到这种数据格式会用得到的哦。 21世纪初，Douglas Crockford寻找一种简便的数据交换格式，能够在服务器之间交换数据。当时通用的数据交换语言是XML，但是Douglas Crockford觉得XML的生成和解析都太麻烦，所以他提出了一种简化格式，也就是Json。 Json的规格非常简单，只用一个页面几百个字就能说清楚，而且Douglas Crockford声称这个规格永远不必升级，因为该规定的都规定了。…
YUI Compressor是Yahoo开发的一款js/css压缩工具，它是使用java开发的一个命令行程序，今天我们就用它来测试压缩/混淆js脚本。 一、工具准备 ·下载安装JDK：点击下载 ·下载解压YUI Compressor：点击下载 ·YUI Compressor官方主页：点击查看 二、YUI Compressor语法 Usage: java -jar yuicompressor-x.y.z.jar Global Options -h, --help Displays this information --type Specifies the type of the input file…
Google Maps JavaScript API V3中没有提供相关的类或方法来实现拉框画矩形，最终的实现代码是基于演示库中的两个例子完成的。第一个例子是Rectangle Overlay，它让我知道有Rectangle这个类，翻遍Google Maps JavaScript API V3 文档，只有在API参考中有提到它，这让我知道看完整个文档是多么重要；第二个例子是KeyDragZoom，它实现了在地图上拉框并移动地图以这个框为中心，我的代码主要是在这个例子上完成的，去掉了原有的移动地图相关部分，并在拉框后在地图上添加了一个Rectangle，最终效果如下图所示： 首先需修改下keydragzoom.js，使拉框后地图不移动(将红色部分注释即可)： 剩下的就很简单了，直接给出完整代码：…
一、下载jQuery UI 1.打开页面http://jqueryui.com/download，界面如下图所示： 2.在区域①中钩选需要的组件(鼠标交互、饰件、效果)，这关系到以后引用的js、css文件大小，按需选择吧； 3.在区域②选择一款主题(外观)，官方提供了24种，都不中意还可以点击这里自定义再下载： 4.在区域③选择jQuery UI版本，点击"Download"按钮即可下载。 二、使用jQuery UI 下载的zip包文件结构如下： jquery-ui-1.8.13.custom.zip ├/css/ ├/development-bundle/ ├/js/ └index.html…