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，操作更方便哦。