js-jquery验证邮箱

loser?yes:no

于 2021-08-11 19:30:39 发布

阅读量270

点赞数

CC 4.0 BY-SA版权

文章标签： actionscript

本文链接：https://blog.youkuaiyun.com/warriorblazer36/article/details/119615045

这是一个HTML页面，包含了一个邮箱输入字段和相应的验证功能。当用户在邮箱输入框失去焦点时，会通过正则表达式检查邮箱格式。如果邮箱为空，提示用户输入；如果格式错误，显示错误信息；否则，清空提示信息。

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

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="text/javascript" src="/Public/js/jquery-1.8.0.min.js"></script>
    <title>Document</title>
</head>
<body>

邮箱：<input type="text" name="email" id="emailId" placeholder="please input your email"><span id="emailTxt"></span>

</body>
<script>
    $(function () {
        var regx1 = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
        var regx = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
        var email = $("#emailId")
        var emailTxt = $("#emailTxt")
        email.blur(function () {
            if(email.val()===""){
                emailTxt.html("请输入邮箱")
            }else{
                if(!regx.test(email.val())){
                    emailTxt.html('<span style="color: red">邮箱格式错误!</span>')
                    email.focus()
                }else{
                    emailTxt.html('')
                }
            }
        })
    })
</script>

</html>