前台数据格式验证
课程模块名JavaScript 总课时12
工作任务名前台表单数据格式验证上课地点多媒体教室
实训室
教学目标
知识目标JA V ASCRIPT基本语法；
JA V ASCRIPT事件处理；
JA V ASCRIPT访问表单控件;
JA V ASCRIPT内置对象。

技能目标利用JavaScript进行表单文本格式验证
素质目标主动性与创新能力；学习与理解能力；良好编码风格；教学方法理论讲解，问题导向，演示，实践练习，总结归纳
案例任务完善用户登录页面制作，加入JavaScript表单验证。

实训任务完善用户注册页面制作，加入JavaScript表单验证。

重点JavaScript的基本语法与事件处理。

难点JavaScript访问表单控件和内置对象。

正则表达式
评价要点自主解决问题的能力；
任务完成；
学习态度；
是否对不规范数据进行验证；
参考资料教材，网络资源。

教学过程设计
1.回顾上一单元Html相关知识，指出客户端表单数据格式不规范可能
带来的后果，引出本单元学习的目的是在页面加入JavaScript进行数据格式验证。

2.提出本单元课程的主要案例任务(加入JavaScript表单验证的用户登
陆页面)的要求，并演示案例运行结果。

3.介绍本单元的内容和特点：引入主要知识点和技能点，以及实现表
单数据验证需要的基本JavaScript知识。

4.学生自主学习，通过教材，参考书，网络，上机完成案例任务。

教
师可以回答学生问题并指导学生。

5.根据学生的提问和遇到困难，分析讲解案例代码；并通过案例讲解
用到的JavaScript的基本语法与事件处理方法。

6.按大纲内容讲解课程内容，具体内容如下：
授课基本内容：
（1）J avaScript基础：将JS嵌入Html页面，注释，流程控制，函数，变量等;
（2）J S的内置对象：Window、document、form；
（3）事件处理：onload、onfocus、onblur、onclick等；
7.小结与课后练习
根据本单元内容，完善上一单元任务“网上招生系统的注册页面制作”，加入必要JavaScript进行表单数据验证。

延展任务为用户登陆与注册页面加上必要的数据格式验证课后思考考虑怎样改善登陆与注册页面与用户的交互性。