当前位置: 首页 > >

html完成登录注册页面校验,并在新页面显示信息

发布时间:

案例需求:



使用HTML、JavaScript和CSS进行注册页面设计,具体要求如下:
1)注意整个页面的色调和美观
2)使用Frameset+Table布局(div也可)
3)对用户ID和用户名、口令不符合条件及时判断
4)对口令不一致进行及时判断


对34的及时判断,要求提示信息必须显示在同一个页面也就是说显示在当前的行的后面或者上面或者下面

5)判断Email地址是否合法
6)在“提交”后能在新页面显示所有的输入信息



注册页面:

新页面:

总结:



正则表达式的使用
通过css设计出好看的表单
div布局页面,好管理,在使用时,可以显示边框来调试界面效果
js完成表单校验工作
利用了鼠标的离焦事件,完成校验表单,可以设置一个隐藏域hidden,用来显示提示信息
信息怎么从一个页面传输到另一个页面?


利用html,来提交信息给新页面,利用了html的存储数据方法,比如先获取userId的值用document.getElementById(“userId”).value;然后将userId的值存储在userid中,然后用window.localStorage.setItem(“userid”,userId);方法存储数据,相当于键值对,然后在新的页面,使用window.localStorage.getItem(“birthday”);方法得到userid的键值对。然后赋值给新页面的id.

项目源码下载:

链接:https://pan.baidu.com/s/197oA7iptoRDb3tLhw18nPw
提取码:cnx7
复制这段内容后打开百度网盘App,操作更方便哦。




友情链接: