版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
静态网页设计第七章交互接口——表单表单验证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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2026年兽用抗蛇毒血清市场分析报告:技术创新与产业升级
- 2026年智能交通系统发展趋势与政策环境分析报告
- 2026年物流行业供应链金融报告及风险防范
- 2026年数字无绳电话行业发展行业报告
- 2026年婚礼策划行业市场细分报告及目标客户分析
- 2026年物流配送行业报告:同城物流与即时配送行业市场潜力分析001
- 2026年新能源汽车产业链创新突破与发展预测报告
- 2026年食品加工机械行业创新展望报告
- 2026中职第二学年(管道运输)管道维护资格考试试题及答案
- 2026年中职负债测试题库(含答案)
- 高三思想政治一轮复习《世界是永恒发展的》教学设计
- 2026学年广州市中考语文一模试卷(学生版)
- 广东省深圳市南山区2023~2024学年七年级上学期期中历史试题(含答案)
- 理想L7 2026款改款车主手册说明书
- 2026秋新人教版英语六年级上册教学课件:单元四unit4A
- WS+271-2026+感染性腹泻诊断标准
- 码头建设项目社会稳定风险评估报告
- 加气站安全管理内容培训课件
- 绵阳市公安局招聘警务辅助人员笔试真题及答案
- 西藏导游证考试地方导游基础知识题库含答案
- 高考作文递进式结构写作范文
评论
0/150
提交评论