已阅读5页，还剩9页未读， 继续免费阅读
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
静态网页设计第七章交互接口——表单表单验证1什么是表单验证通过HTML新增内容进行
表单验证2通过JS进行验证3什么是表单验证01什么是表单验证实现提交信息有效性，需对表单控件中输入信息进行验证——表单验证当输入信息无效时，给用户错误提示并阻止页面提交，帮助用户正确输入1借助H5新增标记和功能属性验证2通过JS进行表单验证主流验证法（请设计动画）通过H5新增内容进行表单验证02借助H5新增标记达到验证效果H5新增有自带验证功能的表单项，如email表单元素、数字表单元素等eg借助H5新增标记属性达到验证效果H5新增有具有验证功能的表单项属性“requiredpattern”可以通过为该属性赋“正则表达式”值达到验证效果eg通过JS进行表单验证03通过JS进行验证JS是强大的页面内容控制工具，可丰富页面设计，如实现表单验证功能给要验证的表单元素设置id标记定义JS函数通过id获取该表单的value值验证获取到的value值，不符合要求，给出错误提示并返回失败信息，阻止继续提交为提交按钮增加点击事件，调用js函数JS实现表单验证一般分为五步通过JS进行验证eg后期剪辑：总结与思考缺点：要单独书写JS验证功能，需有扎实JS功底优点：验证和提示信息设置都比较灵活，适应范围较广JS验证缺点：验证功能较为局限，提示信息不够灵活优点：简单，易于掌握H5新增元素验证字符串验证利器，后面JS课程会对其详细讲解这里抛砖引玉，感兴趣的同学可以深入自学正则表达式实现强大验证PPT美化：全景，知识点名字，此时PPT边框部
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 化工行业的风险管理与应对策略
- 高中数学知识点总结1
- 2026医疗器械研发技术创新方向与市场应用需求分析
- 2026年心电监护模拟试卷目(含答案)
- 2026年提前招聘模拟试卷(含答案)
- 电子辅料采购员考试模拟试卷(含答案)
- 2026年护士执业技能综合考核模拟题及答案详解
- 小学教师职称考试模拟题及答案详解
- 衢州巨化材料毕业实习报告
- 2026新型疫苗佐剂研发动态与免疫增强效果评估研究报告
- 2026年新生儿科医师高频面试题包含详细解答
- 市域铁路试运营方案
- 高三化学复习课课件原电池复习市公开课获奖课件百校联赛一等奖课件
- 2026年内部审计业务考核试题题库及答案
- 2026年幼儿园保健医练习题库附完整答案详解（典优）
- GA 1817.1-2026学校反恐怖防范要求第1部分：普通高等学校
- 铝合金熔铸课件
- 2026弥勒市公安局公开招聘警务辅助人员（115人）笔试参考题库及答案解析
- 2025儿童-成人慢性疾病过渡期管理专家共识
- 地下管线保护培训课件
- 中国电信秋招笔试题及答案
评论
0/150
提交评论