北大青鸟PPT:表单验证的相关事件和辅助特效

第六章　

  表单验证的相关事件和辅助特效

回顾

•表单验证一般包括那些内容?

•表单验证的实现步骤。

•文本框控件有哪些常用的属性、方法、事件？

预习检查

•键盘输入对应的事件名称。

•回车键和Tab键分别对应的ASCII码。

•举例说明：什么是失去焦点或获得焦点？

本章任务

本章目标

•会使用图片代替提交按钮

•会使用onKeyDown事件检查用户输入的特殊字符

•会使用DIV的innerHTML或innerText动态显示内容

•会使用多个DIV动态隐藏或显示内容

如何使用图片代替提交按钮

如何使用图片代替提交按钮

如何使用图片代替提交按钮

如何使用图片代替提交按钮

制作回车切换输入的效果

制作回车切换输入的效果

制作回车切换输入的效果

制作回车切换输入的效果

小结1

制作即时提示错误的特效

制作即时提示错误的特效

制作即时提示错误的特效

制作即时提示错误的特效

小结2

制作内容动态改变的层特效

制作内容动态改变的层特效

•方法1：

   当动态显示的内容较少时，使用

   myDiv.innerHTML=“HTML代码”；

•方法2：

   当动态显示的内容较多，并相对固定时，则预先制作好DIV内容，

   然后使用

   myDiv.style.display=“none/block”；

制作内容动态改变的层特效

制作内容动态改变的层特效

制作内容动态改变的层特效

总结

•使用图片代替“提交按钮”时，如何实现表单验证功能？

•制作回车Tab切换特效的思路是什么？

•制作即时提示错误特效的思路是什么？

•制作内容动态改变的思路是什么？