jquery中邮箱地址 URL网站地址正则验证实例代码

所属分类: 网络编程 / JavaScript 阅读数: 1863
收藏 0 赞 0 分享

email地址验证

复制代码 代码如下:

function checkEmail(){
    var email=$.trim($("#report_email").val());
    if(email == ""){
        $("#report_email").next('p').html("*请输入邮箱地址!");
        return false;
    }
    var re = /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/ig;
    if(!re.test(email)){
        $("#report_email").next('p').html("*邮箱地址格式错误!");
        return false;
    }
    return true;
}

url地址验证

复制代码 代码如下:

function getUrlArray(e, type){
    var urls = $.trim($("#report_url_list").val());
    urls = urls.replace(/s*n+s*/ig,"n");
    $("#report_url_list").val(urls);
        //format the urls
    if(type == "blur"){
        reportUrlElm.val(urls);
    }
    if(e && e.keyCode == 13){
        reportUrlElm.val(urls + "n");
    }

    urls = urls.split("n");
    user_urls = urls;
    return urls;
}
function checkurls(e, type) {
    $("#errorList").find("span").hide();
    urls = getUrlArray(e, type);
    var urlfag = true;
    url_index = 0;
    var urlText="请填写举报网站,您可以举报多个网址,每行一个,一次不超过20个。";
    if(!urls[0] || urls[0] == urlText){
        $("#report_url_list").val(urlText).css("color","#757575");
        $("#report_url_list").next('p').html('*请输入正确的网址');
        $.urlfag=false;
        return false;
    }
    if(urls.length > 20){
            $("#report_url_list").next('p').html("已超过20个,请分批举报")
            $.urlfag=false;
            return false;
    }
    $.urlfag=true;
    for(url_index=0;url_index<urls.length;url_index++){
        $.urlfag = checkEachUrl(urls, url_index)  && $.urlfag ;
    }
    return  urlfag;
}
function checkEachUrl(urls, index){
    var e=urls[index];
    a = e.replace(/^http:///, "");

    if (a.indexOf("/") != -1) {
        a = a.substring(0, a.indexOf("/"));
    }
    var rg = /^((https?|ftp|news)://)?([w-]+.)+(.)+(:d+)?(/[w- ./?%&=]*)?$/i;
    if(!rg.test(a)){
        urlError("格式错误",index,-1);
        return false;
    }
    if(inUrlArray(urls,index)){
        urlError("请不要举报同一条网站",index,-1);
        return false; 
    }
    $.ajax({
        async:false,
        url:"http://api.pc.qq.com/tapi/url_report.php?url=http://"+a,
        dataType: "jsonp",
        method: "GET",
        success:function(a){
            if(a.is_existed=="yes"){
                urlError("该网址已被举报",index,-1);
                $.urlfag= false;
            }
        }
    });
    urlError("正常",index,0);
    return true;
}

function inUrlArray(urls,index){
    var r=false
        for(i=index+1;i<urls.length;i++){
        a = urls[index].replace(/^http(s?):///, "");
        b = urls[i].replace(/^http(s?):///, "");
        if(a==b)
            r=true;
    }
    return r;
}
function  urlError(msg,index,type){
    type=type|| 0;
    var test = $("#errorList div").find("span").eq(index);
    test.show();
    if(type<0){
       test.attr('title',msg).css("background-position","-20px 0px");
    }else{
       test.attr('title',msg).css("background-position","0px 0px");
    }
}

更多精彩内容其他人还在看

JavaScript this关键字指向常用情况解析

这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Vue-cli打包后如何本地查看的操作

这篇文章主要介绍了Vue-cli打包后如何本地查看的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue cli 3.0通用打包配置代码,不分一二级目录

这篇文章主要介绍了vue cli 3.0通用打包配置代码,不分一二级目录,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JavaScript事件循环及宏任务微任务原理解析

这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

关于vue-cli3打包代码后白屏的解决方案

这篇文章主要介绍了关于vue-cli3打包代码后白屏的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue打包静态资源后显示空白及static文件路径报错的解决

这篇文章主要介绍了vue打包静态资源后显示空白及static文件路径报错的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue-cli3访问public文件夹静态资源报错的解决方式

这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS继承实现方法及优缺点详解

这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

vue或react项目生产环境去掉console.log的操作

这篇文章主要介绍了vue或react项目生产环境去掉console.log的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题

这篇文章主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多