表单验证高级特效

《表单验证高级特效》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第4章　上机表单验证高级特效第3章　上机作业　实现google搜索关键字高亮显示作业点评第3章理论作业　使用正则表达式重新实现淘宝会员注册页面的表单验证邮箱地址：varemailPattern=/^w+((-w+)

2、(.w+))*@[A-Za-z0-9]+((.

3、-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/;用户名：varnamePattern=/^[a-zA-Z_]w{5,15}$/;functionhighlight(str,key,color){varkeys=key.replace(/^s+

4、

5、s+$/g,"").replace(/s+/g,"").split(/(s)

6、(,)/);for(vari=0;i

7、理鼠标的onmouseover事件和onmouseout事件需求说明制作雅虎注册表单的动态按钮效果阶段1完成时间20分钟参考代码实现思路使用DIV+CSS定义雅虎注册表单定义按钮的鼠标移走和悬停状态下的样式选择符.over和.out在按钮触发onmouseover和onmouseout事件时，使用className属性动态切换类选择符阶段2训练内容使用document.getElementById访问页面元素使用display属性动态显示、隐藏页面元素需求说明制作输入内容动态提示效果，如当鼠标移入密码框时，显示密码输入的提示信息内容提示阶

8、段2实现思路在每个输入项后面添加个span或者div,用来显示提示信息使用document.getElementById访问提示框使用display属性动态设置提示框的显示和隐藏完成时间20分钟参考代码阶段2需求说明制作表单即时错误提示信息，要求如下：邮箱填写错误提示信息包括："电子邮件名称不能为空"、"访电子邮箱已被注册"。密码填写错误提示信息包括："密码不能为空"、"输入的密码不一致"。参考代码完成时间15分钟小结总结常见问题及解决办法共性问题集中讲解阶段3需求说明制作列车时刻查询页面，实现查询项目的动态切换效果参考代码完成时间20分

9、钟阶段4需求说明制作站站查询中的城市和站点之间的级联特效参考代码完成时间20分钟总结总结并布置作业