正则验证表单案例

主要是利用reg.test(str)查看是否匹配，然后做出相应处理

 

//说明：
//错误提示分pc端和手机端 ，针对不同情况调用即可

//正则验证函数

　　// 正则规则

　　let usernameReg = /^[\u4E00-\u9FA5A-Za-z]{2,15}$/;

　　let isCodeID = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;

//阻止浏览器行为动作 ,不提交
function preventIE(e) {
    if (e && e.preventDefault) {//现在是W3C标准  
        e.preventDefault();//阻止浏览器的动作
    } else {
        window.event.returnValue = false;//专门针对IE浏览器的处理
    }
}

//Pc端错误提示，后面接内容
function Pc_CheckFalse(obj, txt) {
    var html = "<span>" + txt + "</span>";
    if ($(obj).next("span").length > 0) {
        $(obj).next("span").text(txt);
    } else {
        $(html).insertAfter(obj);
    }
}
//手机端输错提示,文字弹框，1秒后消失
function M_CheckFalse(val,time) {
    var txt_layer = " <p class=\"txt_layer\" style=\"position:fixed;z-index:100;left:10%;top:50%;margin-top:-20px; width:80%;text-align:center;line-height:40px;background-color:rgba(0,0,0,.7);color:#fff;border-radius:4px;\">" + val + "</p>";
    if ($("body .txt_layer").length > 0) {
        $(".txt_layer").text(val).show()
    } else {
        $("body").append(txt_layer);
    }
    setTimeout(function () { $(".txt_layer").hide() }, time)
}

//判断输入内容是否为空
function IsNull(obj) {
    var str = $(obj).val();
    if (str.length == 0) {
        //M_CheckFalse('文本框不能为空或者为空格!',1000)//手机端错误提示内容函数
        Pc_CheckFalse(obj, "* 不能为空或空格");//pc端错误提示内容函数
    }
}

//判断输入标题是否正式  只能中英文，数字，下划线，减号
function IsNorTit(obj) {
    var str = $(obj).val();

    if (str.length != 0) {
        reg = /^[\u4e00-\u9fa5A-Za-z0-9-_]*$/;
        if (!reg.test(str)) {
            //M_CheckFalse('您的输入包含非法字符!',1000)
            Pc_CheckFalse(obj, "* 格式输错啦");//pc端错误提示内容函数
            return false;
        } else {
            $(obj).next("span").remove();//去除后面的错误提示
            return true;
        }
    } else {
        //M_CheckFalse('文本框不能为空或者为空格!',1000)//手机端错误提示内容函数
        Pc_CheckFalse(obj, "* 不能为空或空格");//pc端错误提示内容函数
        return false;
    }
}

//判断链接格式是否正确
function IsNorLink(obj) {
    var str = $(obj).val();

    if (str.length != 0) {
        reg = /^((https|http|ftp|rtsp|mms)?:\/\/)+[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
        if (!reg.test(str)) {
            //M_CheckFalse('您输入的链接格式不正确!',1000)
            Pc_CheckFalse(obj, "* 格式出错啦");//pc端错误提示内容函数
            return false;
        } else {
            $(obj).next("span").remove();//去除后面的错误提示
            return true;
        }
    } else {
        //M_CheckFalse('文本框不能为空或者为空格!',1000)//手机端错误提示内容函数
        Pc_CheckFalse(obj, "* 不能为空或空格");//pc端错误提示内容函数
        return false;
    }
}

//判断微信格式是否正确
function IsWeixin(obj) {
    var str = $(obj).val();

    if (str.length != 0) {
        reg = /^[a-zA-Z0-9_-]{6,20}$/;
        if (!reg.test(str)) {
            //M_CheckFalse('您输入的微信格式不正确!',1000)
            Pc_CheckFalse(obj, "* 格式出错啦");//pc端错误提示内容函数
            return false;
        } else {
            $(obj).next("span").remove();//去除后面的错误提示
            return true;
        }
    } else {
        //M_CheckFalse('文本框不能为空或者为空格!',1000)//手机端错误提示内容函数
        Pc_CheckFalse(obj, "* 不能为空或空格");//pc端错误提示内容函数
        return false;
    }
}

//判断QQ格式是否正确
function IsQQ(obj) {
    var str = $(obj).val();

    if (str.length != 0) {
        reg = /^\d{5,10}$/;//^表示不匹配。d表示任意数字，{5,10}表示长度为5到10。
        if (!reg.test(str)) {
            //M_CheckFalse('您输入的QQ格式不正确!',1000)
            Pc_CheckFalse(obj, "* 格式出错啦");//pc端错误提示内容函数
            return false;
        } else {
            $(obj).next("span").remove();//去除后面的错误提示
            return true;
        }
    } else {
        //M_CheckFalse('文本框不能为空或者为空格!',1000)//手机端错误提示内容函数
        Pc_CheckFalse(obj, "* 不能为空或空格");//pc端错误提示内容函数
        return false;
    }
}

//判断手机号/电话号格式是否正确
function IsPhone(obj) {
    var str = $(obj).val();

    if (str.length != 0) {
        reg = /(^(\d{3,4}-)?\d{7,8})$|(13[0-9]{9})/;
        if (!reg.test(str)) {
            //M_CheckFalse('您输入的号码格式不正确!',1000)
            Pc_CheckFalse(obj, "* 格式出错啦");//pc端错误提示内容函数
            return false;
        } else {
            $(obj).next("span").remove();//去除后面的错误提示
            return true;
        }
    } else {
        //M_CheckFalse('文本框不能为空或者为空格!',1000)//手机端错误提示内容函数
        Pc_CheckFalse(obj, "* 不能为空或空格");//pc端错误提示内容函数
        return false;
    }
}

//判断输入的EMAIL格式是否正确    
function IsEmail(obj) {
    var str = $(obj).val();
    if (str.length != 0) {
        reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
        if (!reg.test(str)) {
            //M_CheckFalse('您输入的日期格式不正确!',1000)
            Pc_CheckFalse(obj, "* 格式出错啦");//pc端错误提示内容函数
            return false;
        } else {
            $(obj).next("span").remove();//去除后面的错误提示
            return true;
        }
    } else {
        //M_CheckFalse('文本框不能为空或者为空格!',1000)//手机端错误提示内容函数
        Pc_CheckFalse(obj, "* 不能为空或空格");//pc端错误提示内容函数
        return false;
    }
}