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

现在跟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)
      ]
}
];

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

  1. jQuery formValidator表单校验代码生成器ver1.0

    发表感言      很感谢一直在支持我的网友们,感谢你们对插件改进的建议.虽然最近坐的脖子和屁股痛,但是我还是用休息时间完成了这个代码生成器的开发,再次感谢支持我的网友们. 谈一下写代码生成器的目的 ...

  2. jQuery formValidator表单校验代码生成器ver1.1,一键产生所有代码

    谈一下写代码生成器的目的 1.减少书写错误.主要是配置参数容易书写错误,JS是认大小写. 2.提高代码复用性. 3.让不懂JS的人更容易上手. 4.不用记忆配置参数. 基本操作: 产生单条校验代码 1 ...

  3. jQuery formValidator表单验证插件4.1.0 下载 演示 文档 可换肤 代码生成器

    更新记录: 2011/6/5 jQuery formValidator 4.1.0 ver 申明: 1.所有DEMO引用jQuery类库的时候,类库后面直接跟了版本号--表示插件支持的最高类库版本号 ...

  4. jQuery formValidator表单验证插件4.1.1提供下载

    演示地址: http://www.yhuan.com/formValidator4.1.1/demo8.html 下载链接: http://www.yhuan.com/formValidator4.1 ...

  5. 轻量级的jQuery表单校验插件: Happy.js

    当前已经有许多jQuery表单校验插件,并且有些也很不错,但这些插件功能太强大,使用比较复杂.如果你想找一个简单点的插件 Happy.js 刚好是一个很好的选择. 这个插件是轻量级的,所以只支持一些输 ...

  6. 【前端3】jquary:页面加载,选择器,隔行换色,Dom,全选,动画,遍历,广告/抽奖,表单校验插件

    文章目录 1.jquery框架引入:$("mydiv") 当成id选择器 2.jquery版本/对象:$(js对象) -> jquery对象 3.jquery的页面加载事件: ...

  7. 实战课【1】jQuery实现表单校验及布局

    实战课[1]jQuery实现表单校验及布局 在学习完html,css,js,mysql,jdbc,Servlet,filter,ajax,maven等web基础知识后,开始进行项目实战.此文就会记录在 ...

  8. 基于jQuery的表单验证插件:jValidate

    网上基于jQuery的表单验证插件已有很多,但是这个轮子我还是继续做一个,因为这个表单验证插件是从我以前的个人JS框架移值过来的(我已慢慢投入jQuery的怀抱),并且它的验证规则书写方式也许会让你眼 ...

  9. vue form validate 多个input_Vue表单校验插件Vuerify使用详细教程及示例

    点击右上方红色按钮关注"web秀",让你真正秀起来 前言 表单校验,在开发中是非常常见的,为了防止用户误操作,填写错误数据,亦或是防止用户恶意提交数据等,都需要前端同学来做一些简单 ...

最新文章

  1. 人工智能入门(二):语音识别基本模型
  2. 统计学原理-----概率分布
  3. 2015计算机二级java真题_2015年计算机二级《JAVA》章节习题及答案(9)
  4. 聊聊WebClient的LoadBalance支持
  5. 【职场】技术P7往后是一道坎?
  6. linux下格式化U盘
  7. 程序员要常做好的几件事
  8. Focal Loss 论文笔记
  9. php-对银行卡号做掩码处理
  10. spring+quartz实现定时调度
  11. 轨迹分析_肌力测试 心理测评 轨迹分析 科技助力体能训练 让备战更高效
  12. 本地计算机无法启动,winxp系统下本地计算机无法启动Windows Time服务怎么办
  13. Inside Dynamics Axapta源代码赏析(三)
  14. Python常见陷阱
  15. ubuntu的一些技巧
  16. JAVA刷视频代码,Java+adb命令实现自动刷视频脚本
  17. 社团管理系统软件测试,软件测试大作业社团管理系统.doc
  18. 解决 iphone6sp 换电池 电池胶断问题
  19. CorelDRAW2022最新版本号V24.0.0.301订阅版
  20. Java---鼠标事件小实例

热门文章

  1. 价值800的swapidc鸟云模板
  2. jQuery常用技巧大放送
  3. 企业类库问题 public key 问题[经过自己测试]
  4. iTerm – 让你的命令行也能丰富多彩
  5. bootstrap3 中文手册 [下载]
  6. 从wordpress到octopress
  7. Ubuntu14.04 LTS(64bit)彻底解决matplotlib中文乱码问题
  8. Osg/OsgEarth—— 无法打开文件osgGA/MatrixManipulator错误
  9. Linux——ubuntu硬盘分区
  10. Python与机器视觉(x)图像差分-图像相减