CJavaScript表单验证.pptVIP

讲解要点： 1）JavaScript代码可以直接写在网页内 2）也可以象样式文件一样。把JavaScript代码写在一个*.js文件中，然后把网页和*.js文件关联就是。 重点演示 script var str=abcdefg; var s1; var s2; s1=str.substring(3,5); s2=str.substr(3,7); document.write(str字母是: + str + brbrbr); document.write(str总长度为: + str.length + br); document.write(str第三个字母是: + str.charAt(2) + br); document.write(str第一个字母的Ascii为: + str.charCodeAt(0) + br); document.write(s1= + s1 + br); document.write(s2= + s2 + br); /script * 讲解要点： 事件的理论对于学员来说，不容易理解，我们尽量要结合生活例子讲解，并和具体的代码联系起来讲解。 1）如果电话铃响了，我们习惯的会拿起电话，给予回应，说：喂，您好！找哪位？ 其中，电话铃响，就表示一个事件，而我们接电话，就是对该事件的处理。 2）同样道理，我们打开网页时，点击进入下一页幻灯片。 * 综合例子：表单验证 讲解要点： 1）告诉学员：js的主要功能之一就是表单验证：在提交到服务器之前，在客户端验证用户 填写的表单数据格式是否正确。 2）演示例子：参考TG10-Source文件夹中的表单验证用例 * 讲解要点： 我们上网时，一般是在IE浏览器中，键入某个网址：如，然后打开google网页， 引出浏览器对象。为了让学员容易理解，不要1求过去完整而枯燥的概念定义。 1）整个浏览器窗口，称为window窗口对象。 2）窗口对象又包括上方的地址栏和下方的页面内容。地址栏称为location地址对象，表示网页的地址信息。 3）下方的页面内容代表整个网页文档，称为document文档对象，存放网页的文档信息。 4）文档对象又包含段落、图片、表单等。例如表单对象FORM 5) 总结：从这张图可以看出，浏览器对象是分层次的. 所以表单中的文本框完整的名称应该是： window.document.myform.text1 ，其中window可以省略，所以我们前面写为： document.myform.text1 就是这样来的。 * 讲解要点： 我们上网时，一般是在IE浏览器中，键入某个网址：如，然后打开google网页， 引出浏览器对象。为了让学员容易理解，不要1求过去完整而枯燥的概念定义。 1）整个浏览器窗口，称为window窗口对象。 2）窗口对象又包括上方的地址栏和下方的页面内容。地址栏称为location地址对象，表示网页的地址信息。 3）下方的页面内容代表整个网页文档，称为document文档对象，存放网页的文档信息。 4）文档对象又包含段落、图片、表单等。例如表单对象FORM 5) 总结：从这张图可以看出，浏览器对象是分层次的. 所以表单中的文本框完整的名称应该是： window.document.myform.text1 ，其中window可以省略，所以我们前面写为： document.myform.text1 就是这样来的。 演示：参考TG7-Source 文件夹中的外部js文件用例 * JavaScript及表单验证 * 本章目标 JavaScript 表单基本验证 外部JS文件 * JavaScript简介 JavaScript主要增加页面的互动性。 JavaScript和Java是两种完全不同的东西，只是名称有些相似。 B/S结构中Java运行在服务端，JavaScript运行在客户端。 JavaScript本质是一个文档，所以可以使用文本编辑器来编写JavaScript代码。最简单使用记事本编辑。 * 将JavaScript嵌入网页 可以将 JavaScript 语句插入 HTML 文档，方式 如下： 使用 script 标签将语句嵌入文档 script type=text/javascript ………….. /script 将 JavaScript 源文件链接到 HTML 文档中 script src=demo.js/script JS基础 变量，常量 数据类型 语句结构 函数 * Js对象String String字符串： 可用于处理或格式化文本字符串以及确定和定位字符串中的子字符串。 属性： length：表示字符串长度，即字符串中字符的