jQuery formValidator 表单校验插件 仿网易邮箱注册页面

 

插件新增功能:
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)
      ]
}
];

时间: 2024-10-23 15:52:02

jQuery formValidator 表单校验插件 仿网易邮箱注册页面的相关文章

jQuery formValidator表单验证插件开源了 含API帮助、源码、示例_jquery

2008-07-22 14:47  bug描述:ajaxValidator函数在提交后发生错误,停留在本页面后,再次触发校验会让提示内容一直处于onload状态. 这个bug已经修复,请重新下载.  2008/7/17 14:12:00 jQuery formValidator 3.1ver 1.为inputValidator增加empty属性.用于设置控件文本值是否允许两边为空.具体请看demo1里的密码的校验代码. 该属性是个对象,默认值{leftempty:true,rightempty:

jQuery formValidator表单验证插件(注册验证实例)

希望作者maodong能尽快处理好以下几个问题,期待稳定版的发布,闲话不多说,下面开始问题汇总: 一.未压缩版和压缩版不一样 解决办法:压缩版的问题似乎比较多,由于看不到压缩版的实际源码,也做不了修改,所以暂时使用未压缩版,或者也可以把修改好的未压缩版,自己去压缩一下再使用. 二.ajaxValidator方法提示方式强制弹框 代码片段: 解决办法,阅读能力有限,暂时只能将alert那句代码注视掉. 三.ajaxvalidator验证通过后,再获得焦点再失去焦点,tip提示就体质停留在onWai

jquery中formValidator表单验证插件学习笔记

jQuery formValidator表单验证插件是一款客户端表单验证插件.第一次接触jQuery formValidator是学习phpcms的时候,因为其在表单验证方面功能强大,且使用简单,所以我在做网站开发时常常用到.在WBlog中涉及到写入数据时总是少不了jQuery formValidator的验证.这里主要介绍jQuery formValidator使用方法. 下面我就用WBlog安装包install.php的例子来说明jQuery formValidator的使用方法. 一.加载

基于Jquery的FormValidator表单验证插件

包含了以下验证功能: 1.控件值不能为空 2.控件值长度限制 3.选中项数量限制 4.控件值范围限制 5.控件值类型限制 6.控件值格式化 7.两个控件值比较 8.自定义验证方法 9.下拉必选 10.表单验证方式 11.控件独自验证 看一个简单的表单用户名验证插件  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

jQuery form 表单验证插件(fieldValue)校验表单_jquery

jQuery form表单验证相关知识,在做项目中经常会用到,其实也不算复杂,下面通过一段代码给大家介绍jQuery form 表单验证插件(fieldValue)校验表单的相关知识,感兴趣的朋友一起学习吧 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>jQuery form插件的使用--使用 fieldValue

jQuery Validate表单验证插件 添加class属性形式的校验_jquery

本文实例介绍了jQuery Validate 表单验证插件,添加class属性形式的校验,分享给大家供大家参考,具体内容如下 效果如下: 一.jQuery表单验证插件,添加class属性形式的校验 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery表单验证插件----添加cla

jQuery formValidator表单验证_jquery

作为一名程序员,在解决工作中遇到问题之后,做一些总结是有必要的,既方便总结温习相关知识点,也为广大的程序员提供了一些工作经历,给予同行一面明鉴. html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>formValidator</title> <script src="js/jq

jquery validate表单验证插件_jquery

对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的表单元素,需要设置默认的初始样式,以及触发元素绑定事件后的变化样式. 这3类基本要素中,html表单结构的创建相对简单.表单验证的重点和难点在于如何利用js及时有效地提醒用户有关表单操作的信息.这里我参考了百

jquery自定义表单验证插件_jquery

本文实例为大家分享了jquery表单验证插件,供大家参考,具体内容如下 //正则表达式 var map = new Map(); map.put("*", /[\w\W]+/); map.put("*6-16", /^[\w\W]{6,16}$/); map.put("n", /^\d+$/); map.put("n6-16", /^\d{6,16}$/); map.put("s", /^[\u4E00-\