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

用Ajax做的一个登陆界面,focus()不起作用
本来是想如果输入的用户名为空的话,弹出一个提示框,然后选中用户名文本框,不发生跳转,但现在是有提示框,但是还有跳转
请给位位看看
JScript code

<script type="text/javascript">
    var xmlHttpReq = false;
    //创建XMLHttpRequest对象
    function createXMLHttpRequest() {
        if (window.XMLHttpRequest) {//非IE浏览器
            XMLHttpReq = new XMLHttpRequest();
        } else if (window.ActiveXobject) {//IE浏览器
            try {
                XMLHttpReq = new ActiveXobject("Maxml2.XMLHTTP");
            } catch (e) {
                try {
                    XMLHttpReq = new ActiveXobject("Microsoft.XMLHTTP");
                } catch (e) {

                }
            }
        }

    }
    function sendRequest(url) {
        createXMLHttpRequest();
        XMLHttpReq.open("GET", "url", true);
        XMLHttpReq.onreadyStatechange = processResponse;//指定响应函数
        XMLHttpReq.send(null);
    }
    function processResponse() {
        if (XMLHttpReq.readyState == 4) {
            if (XMLHttpReq.status == 200) {
                var res = XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
                alert(res);
            } else {
                alert("您所请求的页面有异常");
            }
        }
    }
    function userCheck() {
        var username = document.myform.username.value;
        var password = document.myform.password.value;
        if (username == "") {
            alert("用户名不能为空!");
            document.myform.username.focus();
            return false;
        }
        else {
            sendRequest('login?username=' + username + '&password=' + password);
        }
    }
</script>
<body vlink="#006666" link="#003366" bgcolor="#e0f0f8">
    <center>
        <h1>AJAX用户登录</h1>
        <hr>
        <form action="LoginServlet" method="post" name="myform">
            用户名:<input type="text" name="username">
            <p>
                密码:<input type="password" name="password">
            <p>
            <hr>
            <input type="submit" value="提交" onclick="userCheck();"> <input
                type="reset" value="重置">
        </form>
    </center>
</body>



------解决方案--------------------
onclick="return userCheck();"
------解决方案--------------------
恩 同意一楼
------解决方案--------------------
探讨
onclick="return userCheck();"

------解决方案--------------------
JScript code

function userCheck() {
        var username = document.myform.username.value;
        var password = document.myform.password.value;
        if (username == "") {
            alert("用户名不能为空!");
            document.myform.username.focus();
            return false;
        }
        else {
            sendRequest('login?username=' + username + '&password=' + password);
        }
return true ;<----------------+上
    }