表单验证和正则达式.pptVIP

String对与RegExp对象 var content=THis is that cat; var pattern=/th\w{2}/gi; var index; index=content.search(pattern); document.write(index); 示例演示 String对与RegExp对象 var content=THis are that cats; var pattern=/th\w{2}/gi; var strDest; strDest=content.replace(pattern,these); document.write(strDest); 示例演示 2.6 常用正则表达式 常用正则表达式 需求 表达式 匹配身份证号码 ^d{15}|d{18}$ 验证电子邮件格式 ^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$ 验证一个月的天数 ^([0-2])\d$|^3(0|1)$ 验证合法的标识名 ^[a-zA-Z]\w{4,15}$ 匹配中文字符 [u4e00-u9fa5] 2.7 正则表达式的应用 网易通行证注册表单数据验证 正则表达式的应用 验证用户名 验证用登录密码 正则表达式的应用 function checkYear() { 　var yearPattern=/^20\d{2}$/; 　if(!yearPattern.test(year)) 　{ alert(年份格式不正确); return false; 　} return true; } function checkNick() { 　var nickPattern=/^[u4e00-u9fa5]{2,6}$/; 　if(!nickPattern.test(nickname)) 　{ 　　alert(昵称只能是2~6个汉字); 　　return false; 　} return true; } 年份以20开头 验证中文字符 正则表达式的应用 function checkMobile() { 　var mobilePattern=/^13\d{9}$/; 　if(!mobilePattern.test(mobile)) 　{ 　　alert(手机号码格式不正确); 　　return false; 　} return true; } function checkMail() { 　var mailPattern=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; 　if(!mailPattern.test(mail)) 　{ 　　alert(电子邮件格式不正确); 　　return false; 　} return true; } 手机号以13开头 验证电子邮件 示例演示 总结-1 表单是用来收集用户信息的容器，onsubmit事件为提交表单时触发的事件 表单验证分为两步：第一步是编写验证函数验证表单数据的合法性，第二步是处理表单onsubmit，即在表单提交事件中调用表单验证函数 String对象用于处理字符串，如获取字符串的长度、搜索字符串中的字符、转换字符的大小写等 正则表达式是一种对文字进行模糊匹配的语言，常用方法有test、exec等 使用正则表达式可以实现： 测试字符串是否匹配某个模式，从而实现数据格式的有效性验证 修正满足某正则表达式模式的文本内容 搜索某一类型的文本内容 String对象中的match、search、replace方法以RegExp为参数完成模式搜索和替换功能 第3章 表单验证和正则表达式 内容回顾 Window对象是浏览器对象模型的顶层对象 location对象用来管理当前打开窗口的URL信息，相当于浏览器的地址栏 history对象用来管理当前窗口最近访问过的URL，常用的方法有forward、back、go DOM是一种与浏览器，平台，语言无关的接口 document对象代表浏览器窗口中加载的整个HTML文档 innerHTML是它表示节点的开始标签与结标签之间的内容 本章内容 表单验证思路及应用 String对象 正则表达式 本章目标 理解表单验证思路 使用String对象处理表单验证 使用正则表达式处理表单验证 表单验证 表单验证可以保证提交数据的准确性 服务器将用户密码发送至邮箱中 表单验证的内容 表单验证 用户名 两次密码一致 用户昵称 手机号码 邮箱格式 答案的长度 1.1 表单验证原理 表单提交的工作原理 表单验证原理 表单验证思路 编写