email邮箱登陆验证实例

最新推荐文章于 2022-12-27 10:41:18 发布

ztt0918

最新推荐文章于 2022-12-27 10:41:18 发布

阅读量801

点赞数

本文链接：https://blog.csdn.net/ztt0918/article/details/76039319

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function(){
            //使用getElementBId获取Email和密码
            var email=document.getElementById('email');
            var pwd=document.getElementById('pwd');

            //表单提交监听事件
            var form=document.getElementById('form').onsubmit=function(){
            // 验证表单项
            //        1.验证邮箱是否为空
                if(email.value==''){
                    alert('请输入邮箱');
            //2.验证邮箱是否正确
                }else if(email.indexOf('@')==-1){  //使用字符串方法判断邮箱当中是否含有邮箱的标识符@
                    alert('邮箱必须包含@');
                }else if(email.indexOf('.')==-1) {  //使用字符串方法判断邮箱当中是否含有邮箱的标识符.
                    alert('邮箱必须包含.');

            //        3.验证密码是否正确
                }else if(pwd.value=='') {
                    alert('请输入密码');
                }else{
                    alert('登陆成功')
                }
                //验证提示信息
                //阻止表单提交
                return false;
            }

        }
    </script>
</head>
<body>
<form id="form" action="" method="post">
    邮箱：<input type="text" id="email" value=""/>
    <br/>
    密码：<input type="psword" id="pwd"/>
    <br/>
    <input type="submit" value="登录"/>
</form>
</body>
</html>

ztt0918

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
email邮箱登陆验证实例

html>html lang="en">head> meta charset="UTF-8"> title>title> script> window.onload=function(){ //使用getElementBId获取Email和密码 var email=document.getElementBy
复制链接

扫一扫