var user=document.getElementById("user");
var pwd=document.getElementById("pwd");
var user_pass=document.getElementById("user_pass");
var pwd_pass=document.getElementById("pwd_pass");
function checkUser1(){
if(!user.value){
user_pass.style.fontSize = "13px";
        user_pass.style.width="31%";
        user_pass.style.height="2em";
        user_pass.style.textAlign="center";
        user_pass.style.lineHeight="2em";
        user_pass.style.marginTop='0.05%'
        user_pass.innerHTML = '你还没有填写用户名哦。';
        user_pass.style.display="block";
}
else if(user.value){
        user_pass.style.display="none";
    }
}
function checkUser2(){
if(!pwd.value){
pwd_pass.style.fontSize = "13px";
        pwd_pass.style.width="31%";
        pwd_pass.style.height="2em";
        pwd_pass.style.textAlign="center";
        pwd_pass.style.lineHeight="2em";
        pwd_pass.innerHTML = '你还没有填写密码哦。';
        pwd_pass.style.display="block";
}
else{
        pwd_pass.innerHTML ='';
        pwd_pass.style.backgroundColor= "#fff";
        pwd_pass.style.border="none";
        pwd_pass.style.display="none";
    }
}
function submitB(){
if(!user.value){
    user_pass.style.fontSize = "13px";
        user_pass.style.width="31%";
        user_pass.style.height="2em";
        user_pass.style.textAlign="center";
        user_pass.style.lineHeight="2em";
        user_pass.innerHTML = '请填写您的用户名。';
        user.focus();
        return false;
}
if(pwd.value==""){
pwd_pass.style.fontSize = "13px";
        pwd_pass.style.width="31%";
        pwd_pass.style.height="2em";
        pwd_pass.style.textAlign="center";
        pwd_pass.style.lineHeight="2em";
        pwd_pass.innerHTML = '请填写您的用户密码。';
        pwd.focus();
        return false;
}
     else{
        var f = sendParam();
        return f;
       }
}

解决方案 »

  1.   

    你还没调用吧   window.onload = funXX();
      

  2.   

    你放出的js代码没什么问题,只是script代码要放到所有表单元素的下面
      

  3.   

    怎么调用 window.onload = funXX();
      

  4.   

    <body>
    <div class="main">
    <div class="center">
    <div class="dl">
    <h3>请 登 录</h3>
    <br />
    <form id="formone"  method="post" onsubmit="return submitB()">
    <div class="input_out">
    <span class="span1" ></span>
            <input type="text" placeholder="用户名" id="user" name="user" onblur="checkUser1()"/>
            <span id="user_pass"></span>
    </div>
    <br /><br />
    <div class="input_out">
        <span class="span2"></span>
                    <input type="password" placeholder="密码" id="pwd"name="pwd" onblur="checkUser2()"/>
                    <span id="pwd_pass"></span>
    </div>
    <br /><br />
        <button type="button" class="btn btn-primary"  id="submit" name="submit" >登录</button> </form>
    </div>
    </div>
    </div>
        </body>
    这个是我的body部分
      

  5.   

    var user=document.getElementById("user");
    var pwd=document.getElementById("pwd");
    var user_pass=document.getElementById("user_pass");
    var pwd_pass=document.getElementById("pwd_pass");
    这部分取值必须等页面加载完成后才能取到,也就是说要把声明和赋值分开
    var user ,pwd , user_pass ,  pwd_pass;
    window.onload=function(){
        user=document.getElementById("user");
        pwd=document.getElementById("pwd");
        user_pass=document.getElementById("user_pass");
        pwd_pass=document.getElementById("pwd_pass");
    }
      

  6.   

    应该要写上一个window.onload=function(){}意思是等页面加载完成才执行js代码