<form action="studentLoginGo.jsp" method=post name=form>
<head>
<title>
用户登录
</title>
</head>
<div align="center">
用户登录
<hr color="red">
<br><br><br>
学号:
<input type="text" name="username" size="15" maxlength="6" /><BR><br>
密码:
<input type="password" name="password" size="15"/><BR><br>
<input type="submit" value="登录"/> 这是用户登录的简单界面,现在我想如果学号如果未输入6位,则 submit按钮为灰色即不可用,当学号输入正确时submit按钮可用,麻烦大哥大姐知道下
还有我想让username那个框只能输入数字,又要怎么设置呢?
谢谢了 在线等!
<head>
<title>
用户登录
</title>
</head>
<div align="center">
用户登录
<hr color="red">
<br><br><br>
学号:
<input type="text" name="username" size="15" maxlength="6" /><BR><br>
密码:
<input type="password" name="password" size="15"/><BR><br>
<input type="submit" value="登录"/> 这是用户登录的简单界面,现在我想如果学号如果未输入6位,则 submit按钮为灰色即不可用,当学号输入正确时submit按钮可用,麻烦大哥大姐知道下
还有我想让username那个框只能输入数字,又要怎么设置呢?
谢谢了 在线等!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var num = document.getElementById('text');
num.onblur = function(){
if(num.value.length >= 6){
document.getElementById('login').removeAttribute('disabled');
}
};
};
</script>
</head><body>
学号:
<input type="text" id="text" name="username" size="15" maxlength="6" /> <BR> <br>
密码:
<input type="password" name="password" size="15"/> <BR> <br>
<input type="submit" id="login" disabled="disabled" value="登录"/>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var re = /^\d*$/;
var num = document.getElementById('text');
num.onblur = function(){
if(num.value.length >= 6 && re.test(num.value)){
document.getElementById('login').removeAttribute('disabled');
}
};
};
</script>
</head><body>
学号:
<input type="text" id="text" name="username" size="15" maxlength="6" /> <BR> <br>
密码:
<input type="password" name="password" size="15"/> <BR> <br>
<input type="submit" id="login" disabled="disabled" value="登录"/>
</body>
</html>
document.getElementById("username").onkeypress = function(evnt){
var eve = evnt || window.event;
var code = (window.event)?eve.keyCode:eve.which;
if ((code>=48 && code<=57 && !eve.shiftKey ) ||code ==8 )
{
return true;
}
return false;
}
}
(__木北北__ 不給糖就翻臉!)能否说的具体点呢
看不懂?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var re = /^\d*$/; //正则表达式 验证是否是数字
var num = document.getElementById('text');
num.onblur = function(){//当学号失去焦点 触发事件
if(num.value.length >= 6 && re.test(num.value)){ //学号长度大于等于6 并且输入的是数字
document.getElementById('login').removeAttribute('disabled'); //登陆标签删除disabled属性
}
};
};
</script>
</head><body>
学号:
<input type="text" id="text" name="username" size="15" maxlength="6" /> <BR> <br>
密码:
<input type="password" name="password" size="15"/> <BR> <br>
<input type="submit" id="login" disabled="disabled" value="登录"/>
</body>
</html>