javascript客户端验证和页面特效制作上机部分lg5v.pdfVIP

第5章上机 基本的表单验证技术 相关回顾 怎样获得表单元素？ 怎样判断文本框输入非空，是否是数字等条件？ String对象的方法使用在什么场合？ 怎样实现表单的onSubmit ？ 上机目标 制作 用户 页面实现输入内容的验证 制作 码申请页面，实现页面内容输入的验证 训练技能点 能够获得表单元素的值 能够使用String对象的基本方法 能够实现电子邮件输入验证 能够使用文本框相关对象的方法实现选中效果 阶段1 训练要点： 获得表单元素值 String对象的相关 用 需求说明： 讲解需求说明 阶段1 参考代码 实现思路和关键代码： 在表单的onSubmit 中调用验证函数 如果文本框或者 为空，用alert( )方法显示提示信息. 使用focus( )方法，当文本框内容为空时，自动获得焦点. 讲完解成实时现间思：路1和5分关钟键代码 阶段2 需求说明： 参考代码 在阶段1的基础上增加确认 验证和出生日期的验证 完成时间：15分钟 阶段2 常见调试问题及解决办法 代码规范问题 共性问题集中讲解 阶段3 训练要点： String对象的相关方法 使用 需求说明： 基于上阶段练习增加电 子邮件的输入验证，要 求必须包含@和.符号 讲解需求说明 阶段3 参考代码 实现思路和关键代码： 获得电子邮件对应的表单元素值 通过String对象的indexOf()方法，根据返回值判断是否 包含 “@”符号和 “.”符号 页面提示信息 讲完解成实时现间思：路1和5分关钟键代码 阶段4 参考代码 需求说明： 增加用户名输 入类型、字符 个数验证、密 码长度验证 完成时间：15分钟