87,968
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>open source</title>
</head>
<body>
<form method="Post" name="Login" id="Login" action="LoginServlet">
用户名:<input type="text" name="loginName" id="loginName"><br>
密码:<input type="password" name="password" id="password"><br>
<input type="button" value="提交" onclick="LoginSubmit()"><br>
<input type="reset" value="重置" ><br>
</form>
</body>
<script type="text/javascript">
function LoginSubmit(){
var user=document.getElementById("loginName").value;
var pass=document.getElementById("password").value;
if(user == "" ){
alert("请填写用户名:");
}
if(pass==""){
alert("请填写密码");
}
if(user.length>3 && pass.length>6){
document.getElementById("Login").submit();
}
}
</script>
</html>
[/quote
谢谢版主大人了,我找到了 ,有个字母没有大写!!!!
真是汗颜!!!
还有不好意思,分我给错了,给我自己了,真是不好意思,见谅 。 用户名:<input type="text" name="loginName" id="LoginName"><br>
javascript是大小敏感的loginName 跟LoginName不是同一个
2.
user==null pass==null
这种不可能,如果用户没有输入变量的值是空
如果getElementById的参数不存在返回会返回null,所以null.value会抛
TypeError: document.getElementById(...) is null
所以要保证
typeof(document.getElementById("username")!='null'
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>open source</title>
</head>
<body>
<form method="Post" name="Login" id="Login" action="LoginServlet">
用户名:<input type="text" name="loginName" id="loginName"><br>
密码:<input type="password" name="password" id="password"><br>
<input type="button" value="提交" onclick="LoginSubmit()"><br>
<input type="reset" value="重置" ><br>
</form>
</body>
<script type="text/javascript">
function LoginSubmit(){
var user=document.getElementById("loginName").value;
var pass=document.getElementById("password").value;
if(user == "" ){
alert("请填写用户名:");
}
if(pass==""){
alert("请填写密码");
}
if(user.length>3 && pass.length>6){
document.getElementById("Login").submit();
}
}
</script>
</html>