第15次课实验5_用户验证.docVIP

实验五：技术突破__信息验证 实验目的： 掌握用户在登录时，验证用户输入信息的合法性，避免非法信息的存入的方法 实验内容： 1、注册信息验证 2、完善信息验证 实验步骤： 1、 注册信息验证 关于验证用户输入信息的合法性，由于不涉及安全或隐私，完全可以放在客户端完成。这里利用Dreamweaver 8的行为来解决，具体操作步骤如下： 在Dreamweaver 8中，打开register1.asp页面，准确选中表单。方法是将光标置于表单内任何位置，在Dreamweaver编辑窗口底部的标签选择栏中单击选中form即可。 在菜单中选择“窗口”|“行为”命令，打开“行为”面板。单击面板左上角的按钮，在弹出的下拉菜单中选择“检查表单”菜单命令。 在“命名的栏位”列表框中选中其中的一项。 然后在列表框下面的“值”选项右边的“必需的”复选框中，设置该表单对象是不是必须填写，勾选该复选框即可。 在“可接受”选项区右边的单选按钮组中选择设置输入值的范围。 * “任何东西”单选按钮设置输入内容为任意字符； * “数字”单选按钮设置输入内容为数字； * “电子邮件地址”单选按钮设置输入内容为E-mail格式； * “数字从”单选按钮则设置输入内容为某个区间数字。 本例中除了与输入E-mail地址相关的选项应选中“电子邮件地址”单选按钮之外，其余的都应选中“任何东西”单选按钮，同时要全部勾选“必需的”复选框。 最后单击“确定”按钮保存设置。设置完毕后，返回“行为”面板，并在事件选项栏中设置onsubmit事件选项，表示当用户单击“提交”按钮时，会触发该事件。方法是单击选项栏右边的三角按钮，在弹出的下拉列表框中选择onsubmit事件选项即可。 2、完善信息验证 增加检查表单行为后，对该表单进行信息输入验证。发现该行为存在两个漏洞： * 错误提示对话框全部以英文显示，不符合中文用户浏览阅读，如图6.19所示。 * 当登录密码和确认密码不一致时，不能给出错误提示信息。 要解决上面两个漏洞，我们先切换到“代码”视图，找到插入的检查表单行为代码，代码如下： script type=text/JavaScript !-- function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf(?))0parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])d.all) x=d.all[n]; for (i=0;!xid.forms.length;i++) x=d.forms[i][n]; for(i=0;!xd.layersid.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x d.getElementById) x=d.getElementById(n); return x; } function MM_validateForm() { //v4.0 var i,p,q,nm,test,num,min,max,errors=,args=MM_validateForm.arguments; for (i=0; i(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]); if (val) { nm=val.name; if ((val=val.value)!=) { if (test.indexOf(isEmail)!=-1) { p=val.indexOf(@); if (p1 || p==(val.length-1)) errors+=- +nm+ must contain an e-mail address.\n; } else if (test!=R) { num = parseFloat(val); if (isNaN(val)) errors+=- +nm+ must contain a number.\n; if (test.indexOf(inRange) != -1) { p=test.indexOf(:); min=test.substri