jQuery插件实现表单验证技术汇总

发布时间:2019-11-11编辑:脚本学堂
本文介绍了多种用jQuery实现表单验证的方法。
 
 
用户注册程序常用字段:

用户名(user),密码(password),重复密码(redo),邮箱(emali)等

 
验证方法
    1:对象发生改变时验证    3:对象发生改变时相关字段交叉验证
    2:提交时验证
 
验证格式
 
user验证格式: 用户长度为6~12由数字字母下划线等组成
 
password验证格式:password由数字和字母组合而成,长度6到18位
 
邮箱验证格式:emali格式 xxx@xxx
 
程序代码
   普通验证:对当前字段进行检测判断是不是和满足要求.
 
    伪代码:
 
        function 字段验证(){
 
            if( 模式 ){   //判断是否符合当前字段模式
 
                return true;
 
            }else{
 
                return false;
 
            }
 
        }
 
 
 
   交叉验证:当密码发现改变时就得检验是不是和重复密码一样或复重密码改变时检验和密码是否一至.
 
        1:检测是否符合当前规则
 
        2:检测两次密码是否一至.
 
        3:当一方改变时 条件1成立的情况下 对条件2在次进行验证
 
        伪代码:
 
        function 密码验证(){
 
            if( 密码验证规则( 密码1 ) && 密码验证规则( 密码2 )){
 
                if( 密码1 == 密码 2){
 
                    return true;
 
                }
 
            }
 
            return false;
 
        }
 
 
 
   提交验证:当用户提交表单时对每一个字段进行检测判断是否满足要求.如果通过则提交表单,否则提示错误信息.
 
    伪代码:
 
    if( !用户名验证 ){
 
        提示错误
 
    }else if( !密码验证 ){
 
        提示错误
 
    }else if(!邮箱验证){
 
        提示错误
 
    }else{
 
        成功,提交表单
 
    }