我们先来使用firebug查看在前面的示例中JS产生的html错误提示:从图中我们发现错误信息是被放在了一个label标签中，且有一个类样式error，只要为signupform下面的label标签中的error定css样式，应该就可以修改显示结果了,添加的css代码如下： 代码如下: * { font-size: 14px; } #signupForm label.error { color:Red; font-size:13px; margin-left:5px; padding-left:16px; background:url("error.png") left no-repeat; } 运行时...
因为工作需要，所以这几天琢磨了一下关于jQuery插件开发的问题，经过一天鏖战，终于完成自己动手做的第一个jQuery插件，对于俺这种见了css就头痛的人来说，一天时间8小时，保守估计有5个小时在弄css(我css文盲级别，形容得还不够贴切，如果说文盲不会写字，只会说话，那我是连话都不会说的级别。)，好了，废话少说，切入正题。 首先要了解jQuery插件开发分两种，1.类级别的插件开发。2.对象级别插件开发。 什么? 你居然问什么是类级...
分别是： 1、基本使用方法，通过样式设置验证规则 代码如下: $(function() { $("#signupForm").validate(); }); //验证所选择的表单 Email 年龄 当表单提交时，如果没有填写email或者是错误的email将发生错误,如下所示: 文本框后面的默认提示可以修改jquery.validate.min.js，将英文查找并替换成中文，样式可以通过css的类样式改变如.required,.email等， 当然这里的class可以一项或多项中间用空格分隔，语法格式与c...
1. Plupload Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。2. The KillersAjax Upload 该插件使用 XHR 用于上传多个文件，支持上传进度显示，但不支持 IE 3. SWFUpload jQuery Plugin4. AjaxFileUpload5. Uploadify Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下： 支持单文件或多文件上传，可控制并发上传的文件数在服务器端支...
1.Create a Slick and Accessible Slideshow Using jQuery效果演示2. Create an Image Rotator with Description (CSS/jQuery)效果演示3.A Beautiful Apple-style Slideshow Gallery With CSS & jQuery效果演示4.Fancy Thumbnail Hover Effect w/ jQuery效果演示5.Simple JQuery Image Slide Show with Semi-Transparent Caption效果演示6.Slider Gallery效果演示7.Building a jQuery Image Scroller效果演示8.Sliding Boxes and C...
最终显示在页面上的错误分为两种：第一种是默认错误信息，该信息已经被定义在插件中了，可以手动修改。 第二种是通过参数指定的错误信息，如果没有指定则会使用默认的错误信息。将上个示例的js修改如下： 代码如下: $(function() { $("#signupForm").validate( //在上例中新增的部分 { rules: { txtPassword1: "required", //密码1必填 txtPassword2: { //密码2的描述多于1项使用对象类型 required: true, //必填，这里可以是一个...
示例如下： 代码如下: jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法，参数（被验证元素的值，被验证元素，参数） var exp = new RegExp(params); //实例化正则对象，参数为传入的正则表达式 return exp.test(value); //测试是否匹配 }, "格式错误"); //addMethod第3个参数:默认错误信息 $(function() { $("#signupForm").validate( { ...
代码如下： 代码如下: $(function() { $("#signupForm").validate( //在上例中新增的部分 { rules: { txtPassword1: "required", //密码1必填 txtPassword2: { //密码2的描述多于1项使用对象类型 required: true, //必填，这里可以是一个匿名方法 equalTo: "#txtPassword1", //必须与密码1相等 rangelength: [5, 10] //长度5-10之间 }, txtEmail: "email" //电子邮箱必须合法 } }); }); 远行结果： 注意：在ASP.NET中使用这种...
效果如下所示： 解决这个问题的办法是将错误信息指定到一个特定的位置，validate()方法的参数中可以进行自定义，示例代码如下: 代码如下: jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法， //验证方法参数（被验证元素的值，被验证元素，参数） var exp = new RegExp(params); //实例化正则对象...
代码如下: /* * jqpressToos1.0 * * Copyright (c) 2011 yepeng * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * */ $.fn.extend({ //插件名称：Tab选项卡 jqpressTab: function(options) { //参数和默认值 var defaults = { _tabClass: null,//选项卡样式 _childs:null //子选项 样式选择器 }; var options = $.extend(defaults, options); var o = options; var parentCate = $(this)...
前几天由于工作需要制作一个分享按钮，考虑到后续其他项目可能也会用到，于是就打算写成插件化，正好也给我自己的插件jquery.hooray增加一个新的功能，为了不浪费大家时间，我先把demo放出来，如果觉得能用到，或者想学是怎么制作的，那就继续往下看。（demo演示） 既然要做成插件，那可制定性肯定要强，不能定死，比如不能把显示个数定死，不能把分享按钮排序定死等等（不过有些东西还是要定死的，太灵活了也就成不了插件了）。这...
列表如下： jQuery HTML Content SliderMore Information on jQuery HTML Content SliderAwkward Showcase – A jQuery PluginMore Information on Awkward Showcase – A jQuery PluginDiapoMore Information on DiapoSmooth Div ScrollMore Information on Smooth Div ScrollBox SliderMore Information on Box SliderFlexSliderMore Information on FlexSliderCloud CarouselMore Information on Cloud CarouselSudo SliderMore...
以下是参数说明： 参数名称描述delay图片切换速度，单位毫秒maskOpacity遮罩层透明度，1为不透明，0为全透明numOpacity数字按钮透明度，1为不透明，0为全透明maskBgColor遮罩层背景色textColor标题字体颜色numColor数字按钮字体颜色numBgColor数字按钮背景色alterColor数字按钮选中项字体颜色alterBgColor数字按钮选中项背景颜色插件代码及调用 - 插件名称：ImageScroll 代码如下: (function($){ $.fn.ImageScroll = function(opt...
网址：http://api.jquery.com/jquery.tmpl/。 Tmpl提供了几种tag： ${}：等同于{{=}}，是输出变量，通过了html编码的。 {{html}}:输出变量html,但是没有html编码，适合输出html代码。 {{if }} {{else}}:提供了分支逻辑。 {{each}}:提供循环逻辑，$value访问迭代变量。 下面一个简单的模板tmpl实例：（代码最能说明一切） 效果： demo下载
这是一个我认为功能基本完善的插件，它包括添加、删除、插入、上下移动、索引标识、 数量控制等功能，基本上能满足大部分多行添加的需求，当然，在完成这些功能的前提下，我也尽量保持较少的代码量和易理解的逻辑性。这个插件的演示页面是http://www.lovewebgames.com/demo/autoAdd/autoAdd.html ，引用自己动手制作jquery插件之自动添加删除行(上)里的介绍，这是一个简单的插件，它的作用是:一个系统中有大量的需要对一个行进行复...