<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> #apDiv1 { position: absolute; width: 200px; height: 115px; z-index: 1; left: 265px; top: 10px; } #apDiv2 { position: absolute; width: 200px; height: 115px; z-index: 2; left: 263px; top: 45px; } #apDiv3 { position: absolute; width: 200px; height: 115px; z-index: 3; left: 263px; top: 80px; } #apDiv4 { position: absolute; width: 200px; height: 115px; z-index: 3; left: 263px; top: 125px; } #apDiv5 { position: absolute; width: 200px; height: 115px; z-index: 4; left: 260px; top: 170px; } #apDiv6 { position: absolute; width: 200px; height: 115px; z-index: 3; left: 263px; top: 200px;} </style> </head> <script> function get(ch){ ch.value=''; document.getElementById('apDiv1').innerHTML=''} function blu(ch){ var name=ch.value; var msg=''; var flag=true; if(name.length==0){ msg="请输入用户名"; flag=false;} document.getElementById('apDiv1').innerHTML='<font color="blue">'+msg+'</font>'; return flag;} function get1(ch){ ch.value=''; document.getElementById('apDiv2').innerHTML=''} function blu1(ch){ var pwd=ch.value; var msg=''; var flag=true; if(pwd.length==0){ msg="请输入密码"; flag=false;} document.getElementById('apDiv2').innerHTML='<font color="blue">'+msg+'</font>'; return flag; } function get2(ch){ ch.value=''; document.getElementById('apDiv3').innerHTML=''} function blu2(ch){ var pwd1=ch.value; var msg=''; var flag=true; if((document.getElementById ('pass').value.length>6&&document.getElementById ('pass').value.length<15)&&(pwd1.length>6&&pwd1.length<15)){ if(pwd1!==document.getElementById('pass').value){ msg="两次密码不一致,请重新输入"; flag=false;} else{ msg='密码一致'; flag=true;}} else{ msg="密码长度超出限制" flag=false} document.getElementById('apDiv3').innerHTML='<font color="blue">'+msg+'</font>'; return flag; } function get3(ch){ ch.value=''; document.getElementById('apDiv4').innerHTML=''} function blu3(ch){ var pwd3=ch.value; var msg=''; var flag=true; if(pwd3.length!==11){ msg="手机号长度错误"; flag=false;} else{ msg="正确"; flag=true; } document.getElementById('apDiv4').innerHTML='<font color="blue">'+msg+'</font>'; return flag; } function get5(ch){ ch.value=''; document.getElementById('apDiv5').innerHTML=''} function blu5(ch){ var pwd5=ch.value; var msg=''; var flag=true; if((pwd5.indexOf("@")==(-1))||(pwd5.indexOf(".")==(-1))|| (pwd5.length<8||pwd5.length>17)){ //if(pwd5.equlas( /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a- zA-Z0-9]{2,4})+$/)){ msg="邮箱错误"; flag=false;} else{ msg="邮箱正确"; flag=true; } document.getElementById('apDiv5').innerHTML='<font color="blue">'+msg+'</font>'; return flag; } function get6(ch){ ch.value=''; document.getElementById('apDiv6').innerHTML='' } function blu6(ch){ var pwd6=ch.value; var msg=""; var flag=true; //if(pwd6.equalsIgnoreCase("chbe")==true){msg="验证码正确"; flag=true;} if(pwd6=="cnbe"){msg="验证码正确";flag=true;} else{msg="验证码不正确";flag=false; } //if(pwd6.equalsIgnoreCase("chbe")==false){msg="验证码不正 确";flag=false;} document.getElementById('apDiv6').innerHTML='<font color="blue">'+msg+'</font>'; return flag; } function checkall(){ //提示我 最后的语句错了 //alert('1') return blu(document.getElementById("usename"))&&blu1 (document.getElementById("pass"))&&blu2(document.getElementById ("queren"))&&blu3(document.getElementById("shouji"))&&blu5 (document.getElementById("youxiang"))&&blu6(document.getElementById ("yanzheng"));} </script> <body> <div id="apDiv6"></div> <div id="apDiv5"></div> <div id="apDiv2"></div> <div id="apDiv3"></div> <form method="post" action="zuowei.txt" onsubmit="return checkall()" >用 户 名 :<input type="text" id="username" name="username" onfocus="get(this)" onblur="blu(this)" value="不得超 过九位" maxlength="9" /> * <p></p> 设置密码:<input type="password" name="pass" id="pass" onblur="blu1 (this)" onfocus="get1(this)"/> * <div id="apDiv1"></div> <div id="apDiv4"></div> <p></p> 确认密码:<input type="password" name="queren" id="queren"onblur="blu2(this)" onfocus="get2(this)"/> * <p></p> 手 机: <input type="text" name="shouji" id="shouji"onblur="blu3(this)" onfocus="get3(this)"/> <p></p> 邮 箱: <input type="text" name="youxiang" id="youxiang" onblur="blu5(this)" onfocus="get5(this)"/> * <p></p> 验 证 码: <input type="text" width="20px" name="yanzheng" id="yanzheng" onblur="blu6(this)" onfocus="get6 (this)"/> * <p></p> <input type="submit" value="立刻注册" name="anniu" id="anniu" /> </form> </body> </html>
美观一下如何
不是我不美观 我在dreamweaver里面是正常的 复制到这里就出问题了
好了 修改了
@luchi123: 你把最后一句,单独一个一个拆开测试,看看究竟那个blu#有问题
@Yu: 无论 return 哪个 都不行 返回一个null值
@luchi123: 是username 不是 usename,导致 ch为null
@Yu: 嗯 但是 我网页运行时 即使 所有信息都输入正确 都不跳转 action指向的地址了
@luchi123: 只要你确保 checkall 返回是true,肯定会跳转
@Yu: 不会 我直接 注释掉return 后面的语句 改为 return true 不跳转 但是 进入函数
@Yu: 不好意思 可能是网页问题 我重新弄了一下就加载了 话说 怎么把悬赏给你 第一次用这个
@luchi123: 结贴就可以给了
重新发一下吧,注释的地方都不知道注释几行了
不是我不美观 我在dreamweaver里面是正常的 复制到这里就出问题了
好了 修改了
楼主这个代码确实应该整理好再发出来。
就这个问题而言,你只需要跟踪checkall的返回值是true还是false;把每个blu方法的返回值都alert出来看,逐层alert看,就找到原因了。
问题就是出在最后的checkall方法里面 前面的 我都alert过了 就是 return的值不对 不是我不美观 我在dreamweaver里面是正常的 复制到这里就出问题了
好了 修改了