java脚本内置对象、正则表达式及表单验证.pptVIP

Javascript中的内置对象、表单验证及正则表达式应用 学习目标 了解客户端验证的优点 掌握基本的字符串验证 掌握基本的数字验证 掌握常用的正则表达式验证 客户端验证的优点 当用户输入错误数据时，页面不需要重新加载，可以保持用户输入的数据状态，不需要再次输入所有数据，只输入错误数据即可 减轻了服务器的负担，非法的数据不可能传递到服务器上 Javascript中的对象 数组对象Array 声明数组 var 数组名 = new Array(数组大小); 例： var emp = new Array(3) 添加元素 emp[0] = “AA; emp[1] = “BB; emp[2] = “CC; 也可以声明数组并赋初值： 例： var emp=new Array(“AA”，“BB”，“CC”)； 这种做法不用具体考虑数组的长度 返回数组元素个数的属性：length Date 对象基本语法 get方法组 String对象 String对象可以不创建而直接使用，例如： var str1=“Hello everyone” String对象的属性 length：获取串的长度 String对象的方法-1 toLowerCase()：将串中字符转成小写的，不需要参数 toUpperCase()：将串中字符转成大写的，不需要参数 substring(start,end)：返回位于两个位置之间的字符，包含第一个，不包含第二个 substr(start [,length])：从start位置开始提取指定个数的字符 String对象的方法-2 charAt(n) ：返回字符串中第n个位置的字符，从0开始。 charCodeAt(n) ：返回字符串中第n个位置字符的ASCII值，第一个位置为0。 indexOf(search) ：返回search在主字符串中的位置，如果没有则返回-1。 lastIndexOf(search) ?：返回search在主字符串中的最后位置，没有则返回-1。 split(search) ：将字符串分割成数组，数组元素为search周围的字符串，search本身不包含在数组中。 方法indexOf() 语法：indexOf(要查找的子串，查找的起始位置) 返回值：子串所在的位置，若没找到，返回-1 说明：串中第一个字符的位置是0 举例： var str=“abcdefg” var po=str.indexOf(“c”,0); 则变量po的值为2 方法split()举例说明 将字符串var str2=“You are student.”使用空格分割，并且将分割后的数组中下标为2的元素值显示出来 var str2=You are student. alert(str2.split( )[2]); 表单数据验证 对表单数据进行验证总是设计验证函数进行 对函数的调用是当点击submit类型的按钮时进行，点击该按钮将发生onsubmit事件，该事件的设置需要在form标记中进行。 观察例formcheck1.htm中对表单数据的验证 表单数据验证之一 使用脚本验证用户名，验证要求如下： 用户名必须是6~20个字符 用户名第一个字符不能是数字（substring(0,1)) 说明： 当输入的内容不符合要求时，用弹出的消息框显示相应的提示信息，同时函数返回结果值false（为什么需要返回false？） 表单数据验证之二 对Email地址的验证，验证要求如下： 地址不能为空 地址中必须包含@和.符号 @之前至少要有两个字符 @与.之间至少有两个字符 .不是最后一个字符 说明 若输入地址不符合要求，使用消息框显示相应的提示信息，同时函数返回结果值false 表单数据验证之三 注册界面中密码强度判断： 密码中可以使用的字符集：数字、小写字母、大写字母、特殊的字符（@#$%*） 若密码中只有一种字符，则密码强度为弱 若存在两到三种字符，则密码强度为中 若存在四种字符，则密码强度为强 表单数据验证之四 对手机号进行验证，验证要求如下： 手机号第一个字符必须是数字1 手机号第二个字符必须是3|4|5|8中之一 手机号第3~11个字符可以是任意数字 若不符合要求，则使用弹出消息框进行提示，同时函数返回结果值false 表单数据验证之五 对下拉列表中的数据进行验证，验证要求如下