jquery 判断email地址是否合法并保存

最新推荐文章于 2023-11-26 21:30:17 发布

转载最新推荐文章于 2023-11-26 21:30:17 发布 · 303 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000002559150

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的邮箱格式验证及保存功能。通过正则表达式检查输入的邮箱是否符合标准格式，并利用Ajax向服务器发送POST请求来保存邮箱。根据不同返回值提示用户保存状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

源码

知识点主要就是那串正则~

$(function(){
    $("#save").on("click",function(){
        var email=$("#email").val();
        var e=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
        if(email.match(e)){
            $.ajax({
                'url':"/user/saveEmail",
                'data':{
                        'email':email
                        },
                'type':'post',
                'success':function(data){
                        if(data == '1'){
                            alert("保存成功");
                            location.reload();
                        }else if(data == '2'){
                            alert('该邮箱已注册');
                        }else if(data == '3'){
                            alert("保存失败");
                            location.reload();
                        }
                    }
            });
        }else{
            alert("不满足邮箱格式");
        }
    });
});