项目：注册登录案例

**

数据有效性验证有两种途径：

**

1. HTML4时期，通过js脚本验证表单。
2. HTML5中，有些表单自带一些验证属性。
   项目准备静态页面
   
   拿到项目，先规划页面布局，可以用div标签来布局，整体用一个大div，页面的主体内容用七个小div表示，页面的尾部也用div来布局。
   项目的编辑：
   用户名：
   
   登录密码：
   
   确认密码：
   
   姓名：
   
   身份证号：
   
   邮箱：
   
   手机号码：
   
   页面尾部的编辑：
   
   js代码如下：
   将id封装，便于到处使用：
   
   

用户名的验证：

密码的验证：

再次输入密码的验证（只要判断两次输入密码的值value是否一致，不需要再使用正则表达式判断值）：

验证姓名:

验证身份证：

验证邮箱：

验证手机号：

给每个内容设置一个变量，用来在最后提交时用if函数来判断每个内容是否输入正确，只要有一个false,就不能提交;