JS登录界面

最新推荐文章于 2023-10-07 01:07:44 发布

窗台上的野猫

最新推荐文章于 2023-10-07 01:07:44 发布

阅读量560

点赞数

本文链接：https://blog.csdn.net/m0_58857666/article/details/117766785

版权

登录界面

<html>
<head>
<style type="text/css">  

.box1 {        
    border: 2000px;
    height: 1125px;
    background-image:url("bg.jpg")
}
.box2 {  
  
    width:600px;
    height: 600px;    
    border: 2px dashed blue;  
    margin: -850px 520px;  
    background-color:rgba(254, 219, 207, 0.5);
    border-radius: 50%;
}
</style>
</head>

<class><div class="box1"></div></class>
<class><div class="box2">
    
       
  <body>
<center>
    <table>
<form>
   <br>
   <br>
   <br>
   <br>
   <br>
    <center><h1>立即登录</h1></center>
<tr><td colspan="4" ><center>邮箱（用户名）</center><td></tr>
<tr><td colspan="4"><center><input type="text" placeholder="请输入邮箱" id="email"></center></td></tr>
<tr><td><center>密码</center></td></tr>
<tr><td colspan="4"><center><input type="text" placeholder="请输入密码" id="pwd"></center></td></tr>
<tr><td colspan="4"><center><a href=" ">忘记密码？</a></center></td></tr>
<tr>
<td><center><input  id="button" type="button" value="登录" ></center></td>
<td><center><input  id="btn2" type="button" value="注册
" ></center></td>
</tr>
<form>
</table></center>
</div></div>    
</body>
<Script>  

    email.onchange = function(){
		var email = this.value;
		var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
		if(reg.test(email)){
			alert("邮箱格式正确");
		}else{
			alert("邮箱格式不正确");
		}
	}
    pwd.onchange=function(){
    var pwd = this.value
    var pPattern =/^([a-zA-Z]|[0-9]{0,6})$/;
    if(pPattern.test(pwd)){
        alert("密码格式正确");
	}else{
		alert("密码格式不正确");

    }

最低0.47元/天解锁文章

窗台上的野猫

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS登录界面

<html><head><style type="text/css"> .box1 { border: 2000px; height: 1125px; background-image:url("bg.jpg")}.box2 { width:600px; height: 600px; border: 2px dashed blue; margin: -850px .
复制链接

扫一扫