jquery formValidtor插件实现注册验证

点击下载jquery及插件js

 

代码：

<script type="text/javascript" language="javascript" src="/js/jquery/jquery-1.4.2.min.js"></script>

<script language="javascript" type="text/javascript" src="/js/jquery/formValidator.js"></script>

<script language="javascript" type="text/javascript" src="/js/jquery/formValidatorRegex.js"></script>

<script type="text/javascript">
$(function(){

    $.formValidator.initConfig({formid:"aspnetForm",onerror:function(msg){},onsuccess:function(){}});
    $("#<%=txtUserName.ClientID %>").formValidator({onshow:"请填写登录名",onfocus:"必填 登录名以字母/数字/下划线组成(5~20)"}).regexValidator({regexp:"^[a-zA-Z0-9\_]{5,20}$",onerror:"登录名必须以字母/数字/下划线组成(5~20)"}).ajaxValidator({
        type : "post",
        datatype: "html",
        data: "index=1",
        url : "/AjaxPage/Common.ashx",
        success : function(result){
            if(result.toLowerCase()=="false")
                return true;
            return false;
        },
        buttons: $("#btnRegister"),
        error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},
        onerror : "输入的登陆名已存在，请重新输入", 
        onwait : "正在对登陆名进行合法性校验，请稍候…" 
    });
    $("#<%=txtPwd.ClientID %>").formValidator({onshow:"请填写登录密码",onfocus:"必填 密码长度(6~20)"}).inputValidator({min:6,empty:{leftempty:false,rightempty:false,emptyerror:"密码两边不能有空符号"},onerror:"密码长度必须为6~20位,请确认"});
    $("#<%=txtPwd2.ClientID %>").formValidator({onshow:"请重复输入密码",onfocus:"两次密码必须一致哦",oncorrect:"密码一致"}).inputValidator({min:6,empty:{leftempty:false,rightempty:false,emptyerror:"重复密码两边不能有空符号"},onerror:"密码长度必须为6~20位,请确认"}).compareValidator({desid:"<%=txtPwd.ClientID %>",operateor:"=",onerror:"两次密码不一致,请确认"});
    $("#<%=txtRealName.ClientID %>").formValidator({onshow:"请输入真实姓名",onfocus:"必填 真实姓名长度(4~30)字符"}).inputValidator({min:4,max:30,onerror:"真实姓名长度必须为4~30字符,请确认"});
    $("#<%=txtSiteName.ClientID %>").formValidator({onshow:"请输入网站名称",onfocus:"必填 网站名称长度(4~40)字符"}).inputValidator({min:4,max:40,onerror:"网站名称长度必须为4~40字符,请确认"});
    $("#<%=seSiteType.ClientID %>").formValidator({onshow:"请选择网站类型",onfocus:"必填 请选择网站类型"}).inputValidator({min:1,onerror:"请选择网站类型"});
    $("#<%=txtSiteUrl.ClientID %>").formValidator({onshow:"请输入带http://的网站地址",onfocus:"必填 请输入带http://网站地址"}).regexValidator({regexp:"^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&]*([^<>])*$",onerror:"必须输入合法的网站地址,请确认"});
    $("#<%=txtFilePath.ClientID %>").formValidator({onshow:"请输入贵站上传的联盟页Url地址",onfocus:"必填 请输入http://网站域名/seo联盟页地址"}).regexValidator({regexp:"^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&]*([^<>])*$",onerror:"请输入http://网站域名/seo联盟页地址"});
    $("#<%=txtPhone.ClientID %>").formValidator({onshow:"请输入您的手机或电话号码",onfocus:"必填 请输入您的手机或电话号码"}).regexValidator({regexp:"^[0-9\-]{6,25}$",onerror:"联系方式必须是数字/横线-(6~25)"});
    $("#<%=txtEmail.ClientID %>").formValidator({onshow:"请输入E-mail",onfocus:"必填 输入有效的E-mail"}).inputValidator({min:7,max:50,onerror:"邮箱长度不正确(7~50),请确认"}).regexValidator({regexp:"email",datatype:"enum",onerror:"邮箱格式不正确"}).ajaxValidator({
        type : "post",
        datatype: "html",
        data: "index=2",
        url : "/AjaxPage/Common.ashx",
        success : function(result){
            if(result.toLowerCase()=="false")
                return true;
            return false;
        },
        buttons: $("#btnRegister"),
        error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},
        onerror : "输入的邮箱地址已存在，请重新输入", 
        onwait : "正在对邮箱地址进行合法性校验，请稍候…" 
    });
    $("#<%=txtQQ.ClientID %>").formValidator({onshow:"请输入您的QQ号码",onfocus:"必填 QQ号码长度(5~12)"}).regexValidator({regexp:"^[0-9]{5,12}$",onerror:"QQ号码必须是数字(5~12)"});
    $("#<%=txtCheckCode.ClientID %>").formValidator({onshow:"请输入验证码",onfocus:"必填 验证码长度4位"}).regexValidator({regexp:"^[A-Za-z0-9]{4}$",onerror:"验证码长度必须为4位"}).ajaxValidator({
        type : "post",
        datatype: "html",
        data: "index=3",
        url : "/AjaxPage/Common.ashx",
        success : function(result){
            if(result.toLowerCase()=="true")
                return true;
            return false;
        },
        buttons: $("#btnRegister"),
        error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},
        onerror : "验证码不正确，请重新输入", 
        onwait : "正在对验证码进行合法性校验，请稍候…" 
    });
});
</script>