首页> 实战笔录 >前端开发 >JQuery JQuery

jquery常用表单验证

作者:小萝卜 2019-06-17 浏览 1269

简介jquery常用表单验证,验证手机号码,验证邮箱,验证字符串,验证字符串长度,验证是否为纯数字

jquery常用表单验证,验证手机号码,验证邮箱,验证字符串

    //验证手机
    var phone = $('#reg_phone').val();
    var myreg = /^(((1[2-9][0-9]{1}))+\d{8})$/; 
    if(!myreg.test(phone)) { 
        error_pro('信息有误!','请输入正确的手机号码');
        $('#reg_phone').focus();
        return false;
    }
    
    //验证邮箱
    var res_username=$('#res_username').val();
    var reg = /^\w+@\w+\.(com|cn|com\.cn|org|hk|edu|net)$/;
    if(res_username.match(/^\s*$/)){
        error_pro('信息有误','请输入您的常用电子邮箱!');
        $('#res_username').focus();
        return false;
    }else if(!reg.test(res_username)){
        error_pro('信息有误','请输入您的正确的电子邮箱!');
        $('#res_username').focus();
        return false;
    }
    
    //验证字符串
    var res_code = $('#res_code').val();
    if(res_code.match(/^\s*$/)){
        error_pro('信息有误','请填写验证码!');
        $('#res_code').focus();
        return false; 
    }

    //长度验证
    var res_code = $('#res_code').val();
    if(res_code.length<10){
        error_pro('信息有误','验证码长度不够!');
        $('#res_code').focus();
        return false; 
    }

    //验证是否为纯数字
    var t=$("#res_code").val();
    if(!isNaN(t)){
       alert("是数字");
    }else{
       alert("不全是数字");
    }

很赞哦! (0)

文章评论

    高端网站建设