北大青鸟PPT:基本的表单验证技术

第五章

基本的表单验证技术

回顾

•简述制作样式特效的大致步骤。

•简述制作改变按钮背景图片特效的大致步骤。

•简述层的显示/隐藏特效的实现思路。

•简述图片的显示/隐藏特效的的实现思路。

预习检查

•表单验证一般包括哪些方面内容？

•String对象有哪些常用的属性和方法？

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

本章任务

本章目标

•会使用DOM模型的层次关系访问元素

•会使用表单事件和脚本函数实现表单验证

•会使用String对象和文本框控件常用属性和方法实现客户端验证

为什么需要表单验证

表单验证的内容-1

表单验证的内容-2

表单验证的思路-1

       如何编写脚本验证表单？

表单验证的思路-2

•常用的String对象

–使用 var 语句

    var newstr = " 这是我的字符串"

– 创建 String  对象

    var newstr = new String(" 这是我的字符串“)

– 调用方法和属性

     字符串对象. 属性名

     字符串对象. 方法名( )

表单验证的思路-3

表单验证的思路-4

表单验证的思路-5-1

表单验证的思路-5-2

表单验证的思路-5-3

表单验证的思路-5-4

小结 1

编写如下图所示，实现登录表单的验证功能

文本框控件-1

如何实现如下图所示，完善电子邮件的例子。

文本框控件-2

•文本框对象的常用属性、方法、事件

文本框控件-3

小结 2

编写如下图所示，实现注册表单的验证功能

常见错误-1

常见错误-2

总结

•为什么需要表单验证？

•常用的表单验证主要包括哪些内容？

•简述表单验证的大致思路？

•简要说明文本框对象的常用属性、方法和事件？

•表单验证中常见的错误有哪些？