2012年3月23日
摘要: 请看实际demo:http://www.36ria.com/demo/password_strength/原理说明:其实原理非常的简单,这里赋予密码强度10个等级,请看progressImg1.png,是一张包含十个状态的图片。给密码框绑定keyup事件,获取密码值,然后使用正则进行判断等级(难点在这里),然后切换进度条的样式。使用教程:创建如下html:1 <div class="form_item clearfix">2 <label>密&nbsp;&nbsp;码:</label>3 <div class=&qu 阅读全文
posted @ 2012-03-23 22:30 咖啡戏 阅读(451) 评论(0) 推荐(0) 编辑
摘要: SimpleModal is a lightweightjQueryPlugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI develop 阅读全文
posted @ 2012-03-23 22:20 咖啡戏 阅读(236) 评论(0) 推荐(0) 编辑
摘要: demo一、引入jquery库和yitip的js及其css1 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>2 <script type="text/javascript" src="js/jquery.yitip.js"></script>3 <link rel="stylesheet" type="text/css" href= 阅读全文
posted @ 2012-03-23 22:06 咖啡戏 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 今天推荐一个分页工具条插件:Smart Paginator,这个插件用途还是很广的,而且可定制性相当不错,目前内置三种颜色,有需要的话,可以自己改css定制颜色。1.如何使用Smart Paginator?1.1引入以下几个文件1 <script src="jquery-1.4.4.min.js" type="text/javascript"></script>2 <script src="smartpaginator.js" type="text/javascript">< 阅读全文
posted @ 2012-03-23 21:55 咖啡戏 阅读(1413) 评论(0) 推荐(0) 编辑
摘要: demo(ps:RIA之家的全部demo,明河已经托管到github,如果要下载博客的全部demo,传送门在此:https://github.com/minghe/36ria-demo。)已经把验证规则的提示内容翻译成中文了,请看validation-engine-2.2\js\languages\jquery.validationEngine-cn.js。关于时间有二处提示没找到地方,目前没做修改。明河的英文太菜,翻译难免词不达意,欢迎纠正,O(∩_∩)O哈!如何处理ajax验证?典型场景:如何使用Validation-Engine验证用户名或email的存在性?这个需求在大部分的注册页面都 阅读全文
posted @ 2012-03-23 21:50 咖啡戏 阅读(1776) 评论(0) 推荐(1) 编辑
摘要: 普通验证的例子:http://www.position-relative.net/creation/formValidator/ajax验证的例子:http://www.position-relative.net/creation/formValidator/demoSubmit.html引入jquery和插件js、css1 <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" 阅读全文
posted @ 2012-03-23 21:44 咖啡戏 阅读(312) 评论(0) 推荐(0) 编辑
摘要: Chosen提供了suggest功能,强大的是实现了选项分组和多选关键词处理。如何使用?引入jquery库和脚本1 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>2 <script src="chosen/chosen.jquery.js" type="text/javascript"></scrip 阅读全文
posted @ 2012-03-23 21:36 咖啡戏 阅读(1269) 评论(0) 推荐(0) 编辑