日期:2014-05-17  浏览次数:20784 次

请帮忙指正js错误
JScript code

function userPwds(){
                var pass=document.getElementById("upass").value;
                var upassd=document.getElementById("upassnu");
                if(pass==""){
                        upassd.innerHTML="密码不能为空!";
                        document.getElementById("upass").focus();
                        return false;
                    }
                    else{
                    upassd.innerHTML="";
                    var regster= /^[A-Za-z0-9]+$/; 
                    if(regster.test(pass)==false){
                    upassd.innerHTML="密码格式输入不正确!";
                    document.getElementById("upass").focus();
                    return false;
                }                    
            }
        }
    function userName(){
            var name=document.getElementById("uname").value;
            var unamenull=document.getElementById("unamenull");
            if(name==""){
                    unamenull.innerHTML="用户名不能为空!";
                    document.getElementById("uname").focus();
                    return false;
                }
                else{
                    unamenull.innerHTML="";
                    var username= /^[A-Za-z0-9]+$/; 
                    if(username.test(name)==false){
                    unamenull.innerHTML="用户名格式输入不正确!只能字母和数字";
                    document.getElementById("uname").focus();
                    return false;
                }                    
            }
        }



HTML code


        <form action="" method="post" name="myForm" onsubmit="checklogin()">
        <table>
            <tr>
                <td>用户名:<input type="text"  id="uname" name="username" class="size" onblur=                                     "userName()"/></td>
            </tr>
            
            <tr>
                <td id="unamenull"></td>
            </tr>            
            
            <tr>
            <td>密&nbsp;&nbsp;码:<input type="password" id="upass" name="pwd" class="size" onblur=                                                                                                                                     "userPwds()"  /></td>
            </tr>
            
            <tr>
                <td id="upassnu"></td>
            </tr>
        </table>        
                <input type="button" src="images/sms_btn_login.png" class="but" />
                <input type="button" src="images/sms_btn_reg.png" class="but2" />
        </form>


失去焦点给出一句提示的话。测试的时候点上面一个文本框,不写内容,再点下一个文本框浏览器内容就白屏了。想了半天不知道什么原因。


------解决方案--------------------
document.getElementById("uname").focus();

document.getElementById("upass").focus();

这两段代码去掉就可以了,想获取焦点参考
http://www.cnblogs.com/jkisjk/archive/2011/07/29/ie6_bug_window_focus_blur.html

可能是IE浏览器的bug 我火狐浏览器显示正常。