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;
}
}
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;
}
}
解决方案 »
- js滚屏问题,谢谢。
- 网页不能正常运行
- IE 的window.open无效了,不知道原因?
- 求助:在一个JSP中写的XML 如何在JS中读出其中的值??并写到一个DIV中。
- 我想用js控制也面中的span,多个id中含有“ShowItem”。
- Win2000和Win98在页面刷新的时候音箱会啪啪的响
- 查询结果在tbody中,点击button查询,查询后我希望不能连续点击,要按钮变灰的效果,有没有办法??高分!!!
- 大家帮帮忙
- 填空------识别提交的电子邮件格式
- 安装vue-cli脚手架报错
- 【Echarts】求大神指点Echarts是否可以实现X轴有多行标签的效果
- 请教Javascript如何实现双击选中页面中英文单词并将其颜色改变的功能
<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部分
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");
}