随笔-24  评论-2192  文章-0  trackbacks-20

jQuery formValidator 表单校验插件4.1.1高仿网易邮箱注册页面(已发演示链接)

【密码强度校验】实现了,集成在插件里。

现在跟126邮箱注册一摸一样!

演示链接:
http://www.yhuan.com/formValidator4.1.1/demo8.html

官方网址http://www.yhuan.com

插件新增功能:

1、增加输入框设置默认值,formValidator函数增加onShowText(字符串,默认值为空)和onShowTextColor(字符串数组,默认值为["#999999","#000000"])两个属性。详见demo8里的“你的描述”控件
默认字体为灰色,获取焦点后录入的文字是黑色的。
范例:
$("#ms").formValidator({onShowFixText:"",onShowText:"这家伙很懒,什么都没有留下。",ajax:true,onShow:"请输入你的描述",onFocus:"描述至少要输入10个汉字或20个字符",onCorrect:"恭喜你,你输对了",defaultValue:"这家伙很懒,什么都没有留下。"}).inputValidator({min:20,onError:"你输入的描述长度不正确,请确认"});

2、为initConfig增加mode属性,统一显示模式设置。去掉tidyMode属性
目前支持固定提示层(FixTip)、自动构建提示层(AutoTip)、单个提示层跟随(SingleTip)、弹出提示内容(AlertTip)4种模式

3、增强固定提示层显示效果,增加一直显示的提示层。
为formValidator函数增加属性onShowFixText(固定提示内容),皮肤目录js中增加变量onMouseOutFixTextHtml(鼠标在控件外时,固定提示内容的html代码)、onMouseInFixTextHtml(鼠标在控件内时,固定提示内容的html代码):加onShow状态提示内容固定显示的模式。详见demo8
样子类似于:http://reg.email.163.com/mailregAll/reg0.jsp?from=126mail
范例:
$("#email").formValidator({onShowFixText:"6~18个字符,包括字母、数字、下划线,以字母开头,字母或数字结尾",onShow:"请输入邮箱"....});

 

4、提供校验函数passwordValidator函数,参数如下所示
1、是否可以连续字符
2、是否所有的字符都可以相同
3、是否跟指定控件ID相同(例如:用户名)


126邮箱注册地址:http://reg.email.163.com/mailregAll/reg0.jsp?from=126mail


校验成功后,要显示的文字
var passwordStrengthText = ['密码强度:弱','密码强度:中','密码强度:强']

密码强度校验规则
1、level:表示校验的等级,从弱到强,从1开始编号
2、flag:1(数字)+2(小写)+4(大写)+8(特殊字符)的组合
3、value:0表示跟密码一样长,1表示起码1个长度

var passwordStrengthRule = [
{level:1,rule:[
       {flag:1,value:[0]},   //数字
       {flag:2,value:[0]},    //小写字符
       {flag:4,value:[0]}   //大写字符
      ]
},
{level:2,rule:[
       {flag:8,value:[0]},    //特符
       {flag:9,value:[1,1]},  //数字(>=1)+特符>=1)
       {flag:10,value:[1,1]},  //小写(>=1)+特符>=1)
       {flag:12,value:[1,1]},  //大写(>=1)+特符>=1)
       {flag:3,value:[1,1]}, //数字(>=1)+小写(>=1)
       {flag:5,value:[1,1]}, //数字(>=1)+大写(>=1)
       {flag:6,value:[1,1]}   //小写(>=1)+大写(>=1)
      ]
},
{level:3,rule:[
       {flag:11,value:[1,1,1]}, //数字(>=1)+小写(>=1)+特符(>=1)
       {flag:13,value:[1,1,1]}, //数字(>=1)+大写(>=1)+特符(>=1)
       {flag:14,value:[1,1,1]}, //小写(>=1)+大写(>=1)+特符(>=1)
       {flag:7,value:[1,1,1]} //数字(>=1)+小写(>=1)+大写(>=1)
      ]
}
];

posted on 2011-07-12 03:04 猫冬 阅读(4525) 评论(14) 编辑 收藏

评论:
#1楼 2011-07-12 08:31 | 幸运草      
来顶一下兄弟。
 回复 引用 查看   
#2楼 2011-07-12 08:39 | 秦时 明月      
兄弟,有时候我在弹出层使用,页面没有这么大我怎么处理效果问题啊???
 回复 引用 查看   
#3楼 2011-07-12 09:15 | 深海沉      
不错哦
 回复 引用 查看   
#4楼 2011-07-12 09:33 | § 薄樱 §      
很好啊~~收藏啦
 回复 引用 查看   
#5楼 2011-07-12 09:34 | 技术拓荒者      
dingle
 回复 引用 查看   
#6楼 2011-07-12 09:39 | john23.net      
顶个
 回复 引用 查看   
#7楼 2011-07-12 10:17 | 混世者      
实用,一定要顶
 回复 引用 查看   
#8楼[楼主] 2011-07-12 12:51 | 猫冬      
@秦时 明月
这个问题,我明白。
如果你们公司有美工的话,可以自己做一个。
或者找一个可以临摹的网站,去抓一套皮肤过来(到时候欢迎共享给大家)

 回复 引用 查看   
#9楼[楼主] 2011-07-12 12:52 | 猫冬      
引用幸运草:来顶一下兄弟。

引用深海沉:不错哦

引用§ 薄樱 §:很好啊~~收藏啦

引用技术拓荒者:dingle

引用技术拓荒者:dingle

引用john23.net:顶个

引用混世者:实用,一定要顶


感谢大家的支持,很快就提供给大家下载了。
会先放一个带密码强度校验的演示页面给大家测试的。

 回复 引用 查看   
#10楼 2011-07-12 13:40 | sun、      
不知楼主有没有不用table的情况下,jqyery的formvalidate会有点错乱的情况。就是不垂直局中的情况。
 回复 引用 查看   
#11楼[楼主] 2011-07-12 18:04 | 猫冬      
@sun、
目前DEMO都是用table布局的

 回复 引用 查看   
#12楼 2011-09-26 16:27 | 沫鱼      
能不能不要引用里面的皮肤呢?
我们有自己的美工设计,CSS自己写,可是不引用的话一直出错

 回复 引用 查看   
#13楼 2011-09-30 14:42 | 小K      
不错,喜欢
 回复 引用 查看   
#14楼 2011-11-04 15:32 | javalib      
可以用户输了内容才激活判断么?没输入内容的话不激活判断
 回复 引用 查看   
昵称:猫冬
园龄:5年1个月
粉丝:74
关注:2
<2011年7月>
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456

搜索

 
 

常用链接

我的标签

随笔档案

相册

最新评论

阅读排行榜