【实用随记】JQ表单验证

     function checkName() {
    var name = $.trim($(':text:first').val());
    var length = name.length;
    var res = /^[\u0391-\uFFE5]{2,}$/;
    var errmsg = '';


    if(length == 0){
    errmsg = '用户名不能为空';
    }else if(length < 3){
    errmsg = '用户名不能少于3个字符';
    }else if(res.test(name)){
    errmsg = '用户名不能为中文';
    }
    $('#name span').text(errmsg);
    if (errmsg == '' ){
    $('#name span').text('√');
    }
   
    }


    function checkPasswork() {
    var password = $(':password:first').val();
    var length = password.length;
    var errmsg = '';


    if(length == 0){
    errmsg = '密码不能为空';
    }else if (length < 6){
    errmsg = '密码不能少于6位';
    }
    $('#password span').text(errmsg);
    if(errmsg == ''){
    $('#password span').text('√');
    }




    }


    function checkRepass(){
    var repass = $(':password:last').val();
    var password = $(':password:first').val();
    var length = repass.length;
    var errmsg = '';


    if(length == 0){
    errmsg = '请重复您的密码';
    }else if (repass != password){
    errmsg = '两次密码输入不一致';
    }
    $('#repass span').text(errmsg);
    if(errmsg == ''){
    $('#repass span').text('√');
    }
    }


    function isEmail(str){
    str = str.toLowerCase();
    var regex = /^[a-z0-9-]{1,30}@[a-z0-9-]{1,65}.[a-z]{2,4}$/;
    return regex.test(str);
    }






    function checkEmail(){
    var email = $.trim($(':text:eq(1)').val());
    var length = email.length;
    var res = /^[\u0391-\uFFE5]{2,}$/;
    var errmsg = '';


    if(length == 0){
    errmsg = 'email地址不能为空';
    }else if(length < 3){
    errmsg = 'email格式不正确';
    }else if(res.test(email)){
    errmsg = 'email格式不正确';
    }else if(!isEmail(email)){
    errmsg = 'email格式不正确';
    }
    $('#email-adress span').text(errmsg);
    if(errmsg == ''){
    $('#email-adress span').text('√');
    }
    }


    function isBir(str){
    var regex = /^$/;
    return regex.test(str);
    }
    function checkBirthday(){
    var birthday = $.trim($(':text:last').val());
    var length = birthday.length;
    var errmsg = '';


    if(length != 8){
    errmsg = '生日格式不正确';
    }
    $('#birthday span').text(errmsg);
    if(errmsg == ''){
    $('#birthday span').text('√');
    }




    }










    $(document).ready(function(){
    /*
    1,用户名失去焦点时,检查是否为空、是否有特殊字符、长度是否少于三个字符;
    2,密码框失去焦点时,检查是否为空、是否含有大写字母、小写字母、数字、长度是否少于六个字符;
    3,重复密码失去焦点时,检查是否为空、是否与密码框一致;
    4,电子邮箱失去焦点时,检查地址是否为空、是否含有@即是否合法;
    5,生日失去焦点时,检查日期格式是否为空、是否正确。
    6,点击注册按钮时,重新检测上述步骤,不满足时不予下一步。
    */
    $(':text:eq(0)').blur(function(){
    checkName();
    });
    $(':password:first').blur(function(){
    checkPasswork();
    });
    $(':password:last').blur(function(){
    checkRepass();
    });
    $(':text:eq(1)').blur(function(){
    checkEmail();
    });
    $(':text:eq(2)').blur(function(){
    checkBirthday();
    });
    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值