已阅读5页,还剩2页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第8章 表单验证及特效 2 掌握常用的表单数据验证熟悉onBlur和onFocus事件理解鼠标事件的应用理解键盘事件的应用了解使用JavaScript控制CSS样式特效掌握DIV层的隐藏和显示 目标 3 表单验证 常见的表单验证可分为以下几类 验证必填项 最基本的表单验证就是表单中必填项是否输入了内容验证长度 用户输入的密码通常有一个长度限制 判断值的长度通过value的length属性来验证验证输入内容的格式验证两个表单项的值是否相等验证邮箱的输入是否合法 通常通过正则表达式来验证邮箱的合法性示例 8 D 1FormCheckEG html 正则表达式表示了一种字符串匹配的模式 可用于检查一个字符串是否含有某种子串 将匹配的子串做替换或从某个字符串中取出符合某个条件的子串等 4 事件应用 onBlur和onFocus事件表单元素在失去焦点或光标移出元素时 就会触发onBlur事件 而onFocus事件和onBlur事件的作用正好相反 当文本框或是别的元素在得到焦点后会触发onFocus事件 示例 8 D 2BlurAndFocusEG html鼠标事件当光标移到元素上时 会触发元素的onMouseOver事件 将光标移出元素时 就会触发元素的onMouseOut事件 onMouseOver和onMouseOut鼠标事件主要应用于层或图片链接 示例 8 D 3MouseOverAndOutEG html键盘事件键盘事件主要包括onKeyDown onKeyPress和onKeyUp三种 示例 8 D 4KeyEventEG html 功能键不会触发onKeyPress事件 因为onKeyPress对应的就是可打印的字符 5 CSS样式特效 层的隐藏和显示特效Div层的隐藏和显示主要是用到了display属性 其取值如下表 示例 8 D 5DivDisplayEG html图片轮换显示特效在层的隐藏和显示的基础上可以实现图片的自动切换 这种技术主要使用了层display属性 并且通过JavaScript的setInterval和clearInterval函数来实现图片的自动切换 示例 8 D 6ImgDisplay html 6 表单验证可以减轻服务器负担 提高效率表单验证可以验证是否为空 日期是否有效 Email是否正确等鼠标事件有onClick onDblClick onMouseDown onMouseUp onMouseOver onMouseMove和onMouseOut键盘事件有onKeyPress onKeyDown和onKeyUp为了能够动态的改变页面或局部区域的显示外观 需要使用JavaSc
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 山东省德州市夏津县2024-2025学年七年级上学期语文期末试卷(含答案)
- 第四单元(A卷基础巩固卷)-《思政 心理健康与职业生涯》(高教版) 单元过关卷答案
- 医院专供消毒用品批发合同
- 2026年环境保护法规知识竞赛试题
- 总体集中趋势的估计课件2025-2026学年高一下学期数学人教A版必修第二册
- 班级生活有规则(第1课时)教学设计-2026-2027学年道德与法治二年级上册统编版
- 提升恙虫病护理质量的探索
- 支原体肺炎的护理研究进展
- 椎管内肿瘤患者的深静脉血栓预防护理
- 护理多媒体课件制作竞技赛
- 2025年北京市建华实验亦庄学校公开招聘聘任制教师(第三批)笔试历年典型考题(历年真题考点)解题思路附带答案详解
- GB/T 18280.2-2025医疗产品灭菌辐射第2部分:建立灭菌剂量
- 压铸合作协议书
- 代打战神协议书
- 2025广东佛山顺德农商银行秋季招聘参考试题附答案解析
- 智慧口腔医疗:AI精准诊疗方案
- 沈阳地铁培训笔试题目及答案
- 人事专员职业素养提升培训
- 《药学基础化学实验(第2版)》物理化学课件 7次甲基蓝在活性炭上的吸附比表面积测定
- 2025年广东公务员考试申论试题(县级及以上)及答案
- 工地春节前安全教育培训
评论
0/150
提交评论