css基本的表单验证技术.pptVIP

LOGO 第五章 基本的表单验证技术 回 顾 简述制作样式特效的大致步骤。 简述制作改变按钮背景图片特效的大致步骤。 简述层的显示/隐藏特效的实现思路。 简述图片的显示/隐藏特效的的实现思路。 本章任务 演示示例1：具有验证功能的登录页面 演示示例2：具有验证功能的注册页面 制作具有验证功能的登录页面 制作具有验证功能的注册页面 本章目标 会使用DOM模型的层次关系访问元素 会使用表单事件和脚本函数实现表单验证 会使用String对象和文本框控件常用属性和方法实现客户端验证 为什么需要表单验证 服务器 IE 脚本在客户端执行，减轻服务器端的压力 客户端 用户输入 客户端 用户输入 …… 客户端 用户输入 …… 发送请求 返回响应 发送请求 返回响应 发送请求 返回响应 表单验证的内容-1 不能为空且不能有数字 不能为空且不能有数字 不能为空，且只能包括字母、数字和下划线字符 密码不能为空并且最少为6位，还要求两次输入的密码要一致 表单验证的内容-2 不能为空且包含字符@和. 只能二选一 年月日不能为空，且不能超出其要求的范围 表单验证的思路-1 如何编写脚本验证表单？ 1、获取表单元素的值（String类型），然后进行判断 2、触发表单（FORM）的提交事件（onSubmit） 表单验证的思路-2 常用的String对象 使用 var 语句