请问为什么用JSP判断表单为空无法实现

艾勒伯格 2015-03-15 07:13:01

<!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 charset="utf-8">
<title>登录(Login)</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript">
function kong(form){
var name=form.name.value;
var password=form.password.value;
if (name == "" || password == "")
{
alert("用户名或密码不能为空，请检查输入");
return false;
}
else
{
return true;
}
}
</script>
</head>
<body>
<div class="page-container">
<h1>登录(Login)</h1>
<form action="" method="post" onsubmit="return kong(this.form)();">
<input type="text" name="Username" class="UserName"placeholder="请输入您的用户名！">
<input type="password" name="Password" class="PassWord"placeholder="请输入您的用户密码！">
<button type="submit" class="submit_button">登录</button>
</form>
</div>
</body>
</html>

这个是style.css

body {
background: #f8f8f8;
text-align: center;
color: #fff;
font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;
}
.page-container {
width:350px;
height:auto;
margin: 120px auto 0 auto;
}
h1 {
font-size: 30px;
font-weight: 700;
text-shadow:0 0 3px #FF0000;
}

form {
position: relative;
width: 350px;
margin: 15px auto 0 auto;
text-align: center;
}

input {
width: 270px;
height: 42px;
margin-top: 25px;
padding: 0 15px;
background: #2d2d2d;
background: rgba(45,45,45,.15);
border-radius: 6px;
border: 1px solid #3d3d3d; /* browsers that don't support rgba */
border: 1px solid rgba(255,255,255,.15);
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.1);
}
input:focus
{
outline: none;
}
button {
cursor: pointer;
width: 300px;
height: 44px;
margin-top: 25px;
padding: 0;
background: #ef4300;
border-radius: 6px;
border: 1px solid #ff730e;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.1);
}

...全文

521 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

microhex 2015-04-11

打赏
举报

if(name.length() == 0 || password.length() == 0){ return false ; } 你看行不行啊？？？

艾勒伯格 2015-04-11

打赏
举报

引用 2 楼 IUPRG 的回复:

已经调试通过! 搂注,你应该这样写: 调用时 ... return kong(this);//而你那样后面还有个括号是错的, 应该是this,而不是this.form ...form.Username.value ;//你那个是form.name 当然取不到了,注意大小写! ...form.Password.value 完整代码如下: <!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 charset="utf-8"> <title>登录(Login)</title> <link rel="stylesheet" href="style.css"> <script type="text/javascript"> function kong(form){ var name=form.Username.value; var password=form.Password.value; if (name == "" || password == "") { alert("用户名或密码不能为空，请检查输入"); return false; } else { return true; } } </script> </head> <body> <div class="page-container"> <h1>登录(Login)</h1> <form action="" method="post" onsubmit="return kong(this);"> <input type="text" name="Username" class="UserName" placeholder="请输入您的用户名！"> <input type="password" name="Password" class="PassWord" placeholder="请输入您的用户密码！"> <button type="submit" class="submit_button">登录</button> </form> </div> </body> </html> 另外,你这代码是书上的例子吗?

不是。自己写的。。

darkfly1 2015-03-16

打赏
举报

不应该使用SUBMIT按钮，应该是一个普通的按钮，然后调用JAVASCRIPT，ONCLICK="kong();" 这样才能调用JAVASCRIPT方法，现在这个会直接提交表单，不会进行验证。不要在FORM上加ONSUBMIT，很少会有人使用这种方式另外，表单取值的方法最好是用document.getElementById 之类的，现在的取值方法容易出错。

安优小青和他的程序生活 2015-03-16

打赏
举报

已经调试通过! 搂注,你应该这样写: 调用时 ... return kong(this);//而你那样后面还有个括号是错的, 应该是this,而不是this.form ...form.Username.value ;//你那个是form.name 当然取不到了,注意大小写! ...form.Password.value 完整代码如下: <!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 charset="utf-8"> <title>登录(Login)</title> <link rel="stylesheet" href="style.css"> <script type="text/javascript"> function kong(form){ var name=form.Username.value; var password=form.Password.value; if (name == "" || password == "") { alert("用户名或密码不能为空，请检查输入"); return false; } else { return true; } } </script> </head> <body> <div class="page-container"> <h1>登录(Login)</h1> <form action="" method="post" onsubmit="return kong(this);"> <input type="text" name="Username" class="UserName" placeholder="请输入您的用户名！"> <input type="password" name="Password" class="PassWord" placeholder="请输入您的用户密码！"> <button type="submit" class="submit_button">登录</button> </form> </div> </body> </html> 另外,你这代码是书上的例子吗?

qinhualee 2015-03-15

打赏
举报

this.form 取不到值的吧，应该是 <input type="text" id=“Username” name="Username" class="UserName"placeholder="请输入您的用户名！"> 然后用document.getElementById("Username").value 来取值