js阻止表单提交问题

function checkInput(e) {
        var username = document.getElementById("TxtUserName").value;
        var psd = document.getElementById("TxtPassword").value;
        var psdAgain = document.getElementById("psdAgain").value;
        if (username == "") {
            document.getElementById("userId").setAttribute("style", "color:Red;");
            return false;  //为什么不能阻止表单提交，
        }
        else {
            document.getElementById("userId").setAttribute("style", "display:none;color:Red;");
            
        }
        if (psd == "") {
            document.getElementById("userPsd").setAttribute("style", "color:Red;");
             return false;  //为什么不能阻止表单提交，
        }
        else {
            document.getElementById("userPsd").setAttribute("style", "display:none;color:Red;");

        }

    }

不知道你的这个验证方法是在什么时候执行的，如果要想成功阻止表单提交，应该在form标签里边加上onsubmit：
<form οnsubmit="return checkInput();"> 点击<input type="submit">的时候，就会去执行checkInput这个方法，如果为false就不会提交。