- 1、本文档共25页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第五章 基本的表单验证技术 回顾 简述制作样式特效的大致步骤。 简述制作改变按钮背景图片特效的大致步骤。 简述层的显示/隐藏特效的实现思路。 简述图片的显示/隐藏特效的的实现思路。 预习检查 表单验证一般包括哪些方面内容? String对象有哪些常用的属性和方法? 文本框对象有哪些常用的属性、方法和事件? 本章任务 本章目标 会使用DOM模型的层次关系访问元素 会使用表单事件和脚本函数实现表单验证 会使用String对象和文本框控件常用属性和方法实现客户端验证 为什么需要表单验证 表单验证的内容-1 表单验证的内容-2 表单验证的思路-1 如何编写脚本验证表单? 表单验证的思路-2 常用的String对象 使用 var 语句 var newstr = 这是我的字符串 创建 String 对象 var newstr = new String(这是我的字符串“) 调用方法和属性 字符串对象.属性名 字符串对象.方法名( ) 表单验证的思路-3 表单验证的思路-4 表单验证的思路-5-1 表单验证的思路-5-2 表单验证的思路-5-3 表单验证的思路-5-4 小结 1 编写如下图所示,实现登录表单的验证功能 文本框控件-1 如何实现如下图所示,完善电子邮件的例子。 文本框控件-2 文本框对象的常用属性、方法、事件 文本框控件-3 小结 2 编写如下图所示,实现注册表单的验证功能 常见错误-1 常见错误-2 总结 为什么需要表单验证? 常用的表单验证主要包括哪些内容? 简述表单验证的大致思路? 简要说明文本框对象的常用属性、方法和事件? 表单验证中常见的错误有哪些? 演示示例1:具有验证功能的登录页面 演示示例2:具有验证功能的注册页面 制作具有验证功能的登录页面 制作具有验证功能的注册页面 服务器 IE 脚本在客户端执行,减轻服务器端的压力 客户端 用户输入 客户端 用户输入 …… 客户端 用户输入 …… 发送请求 返回响应 发送请求 返回响应 发送请求 返回响应 不能为空且不能有数字 不能为空且不能有数字 不能为空,且只能包括字母、数字和下划线字符 密码不能为空并且最少为6位,还要求两次输入的密码要一致 不能为空且包含字符@和. 只能二选一 年月日不能为空,且不能超出其要求的范围 1、获取表单元素的值(String类型),然后进行判断 2、触发表单(FORM)的提交事件(onSubmit) 将字符串转换成大写 toUpperCase( ) 将字符串转换成小写 toLowerCase( ) 求子串 substring(index1,index2 ) 获取位于指定索引位置的字符 charAt(index) 查找子字符串的位置 indexOf(“子字符串”,起始位置) 方法 获取字符串字符的个数 length 属性 说 明 名 称 String对象常用的属性和方法 语法: indexOf(“查找的子字符串”,查找的起始位置) 返回子字符串所在的位置;如果没找到,返回 -1 例如: var x var y=“abcdefg”; x=y.indexOf(“c” , 0 ); //返回结果为2,起始位置是0 查看完整代码 检查电子邮件email 是否包含“@”和”.” SCRIPT LANGUAGE = JavaScript function checkEmail( ) { var strEmail=document.myform.txtEmail.value; if (strEmail.length==0) { alert(电子邮件不能为空!); return false; } if (strEmail.indexOf(@,0)==-1) { alert(电子邮件格式不正确\n必须包含@符号!); return false; } if (strEmail.indexOf(.,0)==-1) { alert(电子邮件格式不正确\n必须包含.符号!); return false; } return true; } /SCRIPT …… FORM name=“myform” method=“post” action=“reg_success.htm” onSubmit=“return checkEmail( )” …… INPUT name=registerButton type=submit id=registerButton value= 注 册 …… 返回结果-
您可能关注的文档
- 基因的分离规律(浙江省台州一中朱朝义).ppt
- 基因的克隆方法大全.ppt
- 基因的本质教材分析.ppt
- 基因的本质、基因的表达.ppt
- 基因的本质说课资料.ppt
- 基因的自由组合定律 (2).ppt
- 基因的自由组合定律.ppt
- 基因的自由组合规律.ppt
- 基因的概念及作用.ppt
- 基因的表达--滕飞.ppt
- 2024至2030年中国羚羊角类饮片行业深度调查与前景预测分析报告.docx
- 重庆市面向中国农业大学定向选调2024届大学毕业生2024年国家公务员考试考试大纲历年真题14笔试历.docx
- 重庆市面向西北工业大学定向选调2024届大学毕业生00笔试历年典型考题及解题思路附答案详解.docx
- 中国不动杆菌感染治疗药行业市场现状分析及竞争格局与投资发展研究报告2024-2029版.docx
- 2024至2030年全球与中国ETL软件市场现状及未来发展趋势.docx
- 初中八年级(初二)生物下册期末考试1含答案解析.docx
- 干簧式继电器项目申请报告.docx
- 2024至2030年中国左氧氟沙星片行业深度调查与前景预测分析报告.docx
- 菜籽项目申请报告.docx
- 2024至2030年中国八角钢行业深度调查与前景预测分析报告.docx
最近下载
- 2023首席质量官真题2.pdf VIP
- 山西美盛物资贸易有限公司邓家庄煤矿机械化升级改造可行性研究报告.doc
- 思科网络实验室路由和交换实验指南.pdf
- 保洁服务投标文件示范文本.docx
- 《物联网技术导论与应用》黄玉兰习题答案.docx
- 《混凝土结构与砌体结构》 习题答案 习题答案 课后习题.doc VIP
- 中职学校《极限配合与技术测量基础》电子教案(含教学进度计划)(配套教材:劳社版中职统编)云天课件.doc
- 人教二上第4课 彩泥世界快乐多教案(表格式).doc
- 2024年国家电投集团陕西新能源有限公司渭南分公司人员招聘笔试备考题库及答案解析.docx
- 基于“互联网+”,开展立德树人——浅谈初中历史教学与思政教育的融合.docx
文档评论(0)