1-4-阶段性案例：传智书城的页面设计

1.传智书城的首页设计

   通过div+css完成页面布局。

   自己通过div+css完成一个简单的页面布局：

    
    



导航菜单


    商品分类1
 商品分类2



商品详细信息

版权信息

2.传智书城的注册页面设计：

  1.表单校验：

用户数据符合咱们定义的规范，允许用户提交表单，如果用户数据不符合规范，不允许提交。

  表单校验的知识点总结：1.错误信息:在同一行显示，用它的innerHTML属性回显错误信息。

2.事件：

onkeyup 键盘松开，调用对应的函数

onsubmit 提交事件（ 提交按钮），调用对应的函数

3.正则表达式和正则校验。

  操作步骤：1.创建正则表达式对象 2.调用test方法，来判断用户输入的数据是否符合规范。

  比如：

//1.创建正则表达式对象

 var regx=/^1[3|5|7|8]{1}[0-9]{9}$/;

//2.调用test方法，判断手机号是否符合规范

        var value="11012345679";

 var flag = regx.test(value);

 alert(flag)

比如:

    


注册页面

    用户名：
    



    密码： 
    



    手机号：