北大青鸟PPT:表单验证的高级特效

第七章　

表单验证的高级特效

回顾

•用图片代替提交按钮，应如何实现表单验证？

•简述制作回车Tab切换特效的大致步骤。

•简述制作即时提示错误特效的大致步骤。

•实现内容动态改变有哪两种方法？

预习检查

•什么是省市级联特效？

•在JavaScript中，如何定义一维数组Array？

•在JavaScript中，是否支持二维数组？

本章任务

本章目标

•会使用下拉列表框控件实现省市级联功能

•会使用数组优化省市级联功能

实现简单的省市级联功能

实现简单的省市级联功能

实现简单的省市级联功能

实现简单的省市级联功能

实现简单的省市级联功能

实现简单的省市级联功能

小结下拉框控件SELECT：

• 常用属性

–length

–value

–options

–selectedIndex

• 常用事件

–onChange

–onBlur

–onFocus

小结1

使用数组优化省市级联功能

使用数组优化省市级联功能

使用数组优化省市级联功能

使用数组优化省市级联功能

使用数组优化省市级联功能

小结2

使用文字下标的数组再次优化

使用文字下标的数组再次优化

使用文字下标的数组再次优化

常见错误

小结3

总结

•省市级联特效的实现思路是什么？

•下拉框常用的属性和事件有哪些？

•使用数组实现省市级联的思路是什么？

•在JavaScript中使用数组应注意哪些问题？