我们先来使用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插件之自动添加删除行(上)里的介绍,这是一个简单的插件,它的作用是:一个系统中有大量的需要对一个行进行复...