一：插件(1) Validform_v5.3.1_min.js Validform_Datatype.js(2)网址：http://validform.rjboy.cn在这个网站上有demo和插件下载链接。二：普通验证（1）Validform_Datatype.js/* Validform datatype extension By sean during December 8, 2012 - February 20, 2013 For more information, please visit http://validform.rjboy.cn 扩展以下类型： date：匹配日期 zh：匹配中文字符 dword：匹配双字节字符 money：匹配货币类型 ...
本文实例讲述了jQuery解析与处理服务器端返回xml格式数据的方法。分享给大家供大家参考，具体如下： 1.php代码： <?phpheader("Content-Type:text/xml; charset=utf-8");//声明浏览器端返回数据的格式为xml文档格式echo "<?xml version=1.0 encoding=utf-8?>"."<comments>"."<comment username={$_REQUEST[username] } >"."<content>{$_REQUEST[content]}</content>"."</comment>"."</comments>"; ?>2.html代码： <form id="form1"...
随着电商的火爆，这多级联动下拉菜单体现的更加充分，最明显的就是地址的多级联动下拉选择，所以这里就简单的分享一下 jQuery cxSelect 多级联动下拉菜单 cxSelect 是基于 jQuery 的多级联动菜单插件，适用于省市、商品分类等联动菜单。 列表数据通过 AJAX 获取（需要在服务器环境运行），也可以使用变量自定义，数据内容使用 JSON 格式。 提供国内省市县数据（数据来源：basecss/cityData Date: 2014.03.31） 个人一直都有习惯，当...
对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子: <!DOCTYPE html> <meta charset="utf-8"> <html> <head> <title>1-1</title> <script type="text/javascript"> document.getElementById("panel").onclick = function () { alert("元素已经加载完毕 !"); } /*执行错误*/ </script> </head> <body> <div id="panel">click me.</div> </body> </html>如果这样,还没有等待元素加载完就给 div#panel 绑定了一个事件...
DOM： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-"> <title>DOM选项移动操作</title> <style> select { width: px; height: px; } div { display: inline-block; width: px } </style> </head> <body> <select id="unsel" size="" multiple><option>Argentina</option><option>Brazil</option><option>Canada</option><option>Chile</option><option>China</option><option>Cuba</option><option>Denmark</opti...
上一篇 Bootstrap自定义文件上传下载样式（//www.gxlcms.com/article/85156.htm）已经有一段时间了，一直在考虑怎么样给大家提交一篇完美的逻辑处理功能。现在我结合自己的实际工作给大家分享一下。 使用的技术有jquery.form.js框架， 以及springmvc框架。主要实现异步文件上传的同时封装对象，以及一些注意事项。 功能本身是很简单的，但是涉及到一些传递参数类型的问题。例如：jquery的ajax方法与jquery.form.js中的ajaxSubmit方...
jQuery.proxy(),接受一个函数，然后返回一个新函数，并且这个新函数始终保持了特定的上下文(context )语境。 jQuery.proxy( function, context ) function将要改变上下文语境的函数。 context函数的上下文语境(`this`)会被设置成这个 object 对象。 jQuery.proxy( context, name ) context函数的上下文语境会被设置成这个 object 对象。 name将要改变上下文语境的函数名(这个函数必须是前一个参数 ‘context 对象的属性) 这个方法通...
一、问题描述 园友是做前端的，产品经理要求他使用jQuery DataTables插件显示一个列表，要实现分类效果。 后端的分页接口已经写好了，不涉及条件查询，需要传入页码(pageNo)和页面显示数据条数(pageSize)，显示相应页的显示记录，且不能修改后端接口。 二、分析 先来分析下分页实现。 一是后端分页：这种情况下，在后端很容易实现，在官网上有示例，不多说明。 二是前端分页：前端分页也是支持的，不过需要一次把所有数据都获取到才...
jquery获取XML节点名称的几种方法以： ? get(0).tagName $(this).get(0).tagName ? [0].tagName[0] $(this)[0].tagName ? context.nodeName $(this).context.nodeName function getXMLData(){$.ajax({ url:data.xml, type: GET, dataType: xml, timeout: 1000, error: function(xml){ alert(Error loading XML document+xml); }, success: function(xml){ $("data",xml).children().each(function(){alert($(this).contex...
用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。 第一种方案： <script type="text/javascript"> $(document).ready(function() {$.ajax({url: //www.gxlcms.com/cgi/test.xml,dataType: xml,success: function(data){//console.log(data);$(data).find("channel").find("item").each(function(index, ele) {var titles = $(ele).find("title").text(...
noty是一个jQuery的通知(信息提示)插件，灵活轻便，是一个非常棒的用于替代传统提示对话框的插件。 当前最新版本为2.1.0: 从 https://github.com/needim/noty 可以获取最新源代码。 布局样式 支持的提示样式，每种样式都有预定义好的css样式： ?alert: 默认的提示样式 ?success: 成功 ?error: 错误 ?warning: 警告 ?information: 信息 支持的布局位置： ?top: 顶部,长条状 ?topLeft/topCenter/topRight: 顶部的左/中/右位置, 短条状...
今天为了做一个模板，来收集幻灯片插件，最终确定了两款比较合适的。coin-slider和nivoslider，为此，研究了一下午，从各个方面来实验这两款插件，究竟哪款比较适合、比较好。 当然，聪明的你看题目就已经知道了。我必须要吐槽一下nivoslider这个jquery插件。这两款插件，在看官方的demo时，这个插件的效果要比coin-slider好一些。看了一下教程，可以自定义的参数较多，貌似功能要更强大一下。于是我就首先研究了一下这款插件的使用...
网页换肤是一门老技术了，老的现在都不怎么流行了。但是，有时候有些客户就是想要这个换肤功能。于是就实践做了一下网页换肤，结果遇到了很多问题。 网页换肤的基本原理 基本原理很简单，就是使用 JS 切换对应的 CSS 样式表。例如导航网站 Hao123 的右上方就有网页换肤功能。除了切换 CSS 样式表文件之外，通常的网页换肤还需要通过 Cookie 来记录用户之前更换过的皮肤，这样下次用户访问的时候，就可以自动使用上次用户配置的选项...
当表格内的数据较多时，我们无法一页一页的查找，这时可以通过一个搜索框来实现搜索。 对于这个搜素框，我们为了更好的体验可以利用keyup事件实现在用户输入的时候就开始筛选，而不是填完以后点击搜索按钮再执行。 效果图：实现代码：<html> <head><meta charset="utf-8" /><script src="jquery-1.3.2.min.js"></script><link href="css/style.css" rel="stylesheet" type="text/css" /><script>$(function () {$("tr.parent").cli...
deferred.promise() 和 .promise() 这两个API语法几乎一样，但是有着很大的差别。deferred.promise()是Deferred实例的一个方法，他返回一个Deferred.Promise实例。一个Deferred.Promise对象可以理解为是deferred对象的一个视图，它只包含deferred对象的一组方法，包括：done(),then(),fail(),isResolved(), isRejected(), always(),这些方法只能观察一个deferred的状态，而无法更改deferred对象的内在状态。这非常适合于API的封装...