博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
完成登录与注册页面的前端
阅读量:4542 次
发布时间:2019-06-08

本文共 2227 字,大约阅读时间需要 7 分钟。

登录html

    
登陆页面

登录页面

用户名:
密码:

版权

css

div{    margin:0 auto;    text-align:center;}h2{ text-align: center;margin-bottom:0;background-color:pink;}.one{    width:500px;    height:200px;    border-width:1px;    margin-top:100px;} .input_box{    font-size:18px; }.anniu{    width:100px;    height:30px;}

 

js

function myLogin(){            var uName = document.getElementById("name");            var uPass = document.getElementById("password");            var uError = document.getElementById("error_box");            uError.innerHTML="
" //用户名 if(uName.value.length<6|| uName.value.length>12) { uError.innerHTML = "用户名需在6-12位中间"; return; } else if ((uName.value.charCodeAt(0)>=48)&&(uName.value.charCodeAt(0)<=57)){ uError.innerHTML = "用户名开头不能为数字"; return; } else for(var i=0;i
57)&&(uName.value.charCodeAt(i)<97 ||uName.value.charCodeAt(i)>122)){ uError.innerHTML = "用户名只能为数字或字母"; return; } } //密码 if(uPass.value.length>12||uPass.value.length<6){ uError.innerHTML="密码需在6-12位中间"; return; } window.alert("登录成功!") }

注册

    
登陆页面

登录页面

用户名:
密码:
确认:

版权

js

       
登陆页面

登录页面

用户名:
密码:
确认:

版权

 

 

转载于:https://www.cnblogs.com/loe0506/p/7768099.html

你可能感兴趣的文章
ASCII表格
查看>>
x-www-form-urlencoded
查看>>
存储引擎
查看>>
CDQZ_Training 2012-5-24 笨笨的电话网络
查看>>
文档对象模型 DOM
查看>>
MD5验签同一字符串得到不同的MD5签名值可能问题之一
查看>>
HDU_2068_RPG错排
查看>>
ZedGraph使用笔记(一)
查看>>
10.QT程序框架与connect
查看>>
SPA单页面应用router实现
查看>>
第三周学习进度条
查看>>
Java程序的连贯性
查看>>
上传文件和AJAX验证
查看>>
Java 多线程编程
查看>>
ArcGIS Engine的安装
查看>>
shell入门基础必备
查看>>
在VS2010下运行Qt程序
查看>>
80x86的硬件基础知识摘要
查看>>
algorithm
查看>>
python实例一
查看>>