0
点赞
收藏
分享

微信扫一扫

java_web04

那小那小 2022-04-18 阅读 61
java

<script type="text/javascript">
//页面载入函数
$(function(){undefined
    myf();
    //给验证码添加点击事件
    $("#yzm").click(function(){undefined
        myf();//刷新
    })
})
 
//随机验证码=刷新验证码
function myf(){undefined
    //数组下标:0-33
    var arr=new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
    
    //js的随机数   无限逼近0-1的小数 逼近0-33 四舍五入
    var str="";//拼接
    for(var i=0;i<4;i++){undefined
    var a=Math.round(Math.random()*33);//随机下标
    //console.info(arr[a]);//根据下表取元素
    str+=arr[a];//自身拼接
    }
    //给span标签赋值
    $("#yzm").html(str);//赋值
}
//验证登录
    function yzLogin(){undefined
        //依次取用户名、密码、输入的验证码以及随机产生的验证码
        var name=$("#xx").val();
        var pwd=$("#yy").val();
        var yzm1=$("#zz").val();
        var yzm2=$("#yzm").html();//拿值
        if(name==""){undefined
            alert("用户名不能为空");
            return false;
        }
        if(pwd==""){undefined
            alert("密码不能为空");
            return false;
        }
        if(yzm1==""){undefined
            alert("验证码不能为空");
            return false;
        }
        else{//说明验证码不为空的情况下
            
            if(yzm1!=yzm2){//不一致
                alert("验证码有误");
                myf();//刷新验证码
            $("#zz").val("");//清空文本框
                return false;
            }
        }
        return true;
    }
</script>
</head>
<body>
     <form action="dologin.jsp" method="post" οnsubmit="return yzLogin()">
    
    <div id="login">
    
         <div id="top">
              <div id="top_left"><img src="images/login_03.gif" /></div>
              <div id="top_center"></div>
         </div>
效果: 

登录

新闻增加 

举报

相关推荐

Web-API-04

day04移动web

# day04 - Web APIs

web前端学习day-04

Java数组04

java基础04

Java学习笔记-04

Java执行语句--------04

0 条评论