表单验证和正则表达式.ppt

第3章上机,表单验证与正则表达式,作业点评,第2章理论动态创建表格的数据行,vartbody=document.getElementById(tbody);varrow=document.createElement(tr);for(vari=0;i3;i+)varcol=document.createElement(td);col.height=30;col.widht=200;varinput=document.createElement(input);input.style.border=0px;col.appendChild(input);row.appendChild(col);tbody.appendChild(row);,效果演示,作业点评,第2章上机动态添加和删除的方法实现职位选择功能,for(vari=0;ijobs.length;i+)if(jobsi.checked=true)varnode=document.createElement(span);node.innerHTML=jobsi.value;node.className=selected;hasSelected.appendChild(node);,效果演示,上机内容,使用String对象的split方法分割字符串使用String对象的replace方法替换文本中的关键字使用正则表达式验证表单数据,上机目标,制作用户权限显示制作网易邮箱注册表单制作google搜索关键词并实现高亮显示,阶段1,训练内容使用String对象的split方法分割字符串使用getElementsByName访问页面元素需求说明制作简易权限修改页面，使用字符串存储用户原有权限，根据原有权限设置权限复选框的选择状态,阶段1,完成时间30分钟,参考代码,实现思路定义一个String对象存储用户原有权限，使用逗号隔开使用String对象的Split方法分割权限字符串使用getElementsByName获取所有权限复选框使用嵌套循环比较用户权限数组和权限复选框的值，根据比较结果设置复选框的状态,阶段2,训练内容使用String对象的length属性获取字符串的长度处理表单onsubmit事件需求说明制作163邮箱登录表单页面，要求用户名和密码不为空,阶段2,实现思路使用function定义表单验证处理函数checkForm使用document.getElementById或者document.all.页面元素名称获取用户名和密码的值调用字符串的length属性判断用户名和密码的长度是否为0,完成时间15分钟,参考代码,阶段2,需求说明制作网页邮箱注册页面，使用正则表达式验证表达数据的合法性，要求如下：（1）用户名由字母、数字和下划线组成（2）户名和密码长度大于6出生年月验证，年份的格式19,月份大于0小于等于12,日期大于0小于等于31,参考代码,完成时间25分钟,阶段3,训练内容使用String对象的replace方法实现字符串替换使用RegExp对象实现全局检索使用innerHTML获取和设置对象内部HTML文本需求说明实现替换文章中的关键词,阶段3,实现思路使用document.getElementById获取段落内容定义正则表达式对象实现全文搜索varrege=newRegExp(word,g)使用String对象的replace方法实现替换,完成时间20分钟,参考代码,阶段3,需求说明编写脚本程序使用”*“号替换论坛禁止的