jsp一登陆界面，我是菜鸟我搞不定 - java吧

level 9

丶渲目楼主

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head> </head>
<body> <h1>登陆页面</h1>
<form action="LoginServlet" name="1" method="post" >
用户名：<input type="text" name="name"><br>
密码： <input type="password" name="pass"><br>
<input name="submit" type=submit value="提交">
<input type="reset" value="取消">
</form>
</body>
</html>
我想加一个JavaScript实现如果用户名或者密码为空时，弹出提示框：用户名为空。或密码不能为空。
求大神。

2013年05月28日 03点05分 1

level 9

丶渲目楼主

2013年05月28日 03点05分 2

level 9

丶渲目楼主

求大神

2013年05月28日 03点05分 3

level 7

__唯凉

用jquery啊。

2013年05月28日 03点05分 4

level 7

__唯凉

提交的type改为button。加一个class属性命名为“sub”
用户名加一个class属性 “username”
$(".sub").click(function(){
//获得用户名
var username = $(".username").val();
alert(username);
if(username==""){
alert("用户名不能为空！")
}else{
$(".sub").submit();
}
})

2013年05月28日 03点05分 5

丶渲目

我是需要submit到Loginservlet的能改吧，能不能再我的基础上加代码，实现呢

2013年05月28日 04点05分

__唯凉

回复丶渲目 :- -这不就是在你代码的基础上实现的么。。。

2013年05月28日 04点05分

1241253106hsc

回复 __唯凉 :你的意思是不是要用servlet来检查，并且输出提示信息呀？ [傻笑]

2013年05月28日 05点05分

__唯凉

回复 1241253106hsc :啥？？？这只是单纯的用jquery判断输入框有没有值然后相应操作啊 - -

2013年05月28日 05点05分

level 15

寒冰无名

js脚本验证呗

2013年05月28日 05点05分 7

丶渲目

js脚本，不懂啊，亲 [呼~]

2013年05月29日 04点05分

level 10

封天神奇

写好了，代码如下
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script> function a() { var username =document.forms[0].name.value; var password=document.forms[0].pass.value; if(username=="") { alert("用户名不能为空！"); } else { } if(password==""){ alert("密码不能为空！"); } else { } }</script> </head> <body> <h1>登陆页面</h1> <form action="LoginServlet" name="1" method="post" > 用户名：<input type="text" name="name"><br> 密码： <input type="password" name="pass"><br> <input name="submit" type=submit value="提交" onclick="a();"> <input type="reset" value="取消" > </form> </body></html>

2013年05月28日 06点05分 8

level 10

封天神奇

对了再这里怎么发代码

2013年05月28日 06点05分 9

封天神奇

回车不好敲

2013年05月28日 06点05分

丶渲目

回复封天神奇 :我也想知道你怎么把代码放上去的，我一复制来，就被删掉了！好继几次了 [不高兴]

2013年05月29日 04点05分

level 7

lizhen_1130

2013年05月28日 06点05分 10

丶渲目

thank you !~我要去实验下 [勉强]

2013年05月29日 04点05分

level 10

封天神奇

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01 Transitional//EN">
<html>
<head>
<script>
function a()
{
var username =document.forms[0].name.value;
var password=document.forms[0].pass.value;
if(username=="")
{
alert("用户名不能为空！");
}
else
{
}
if(password==""){
alert("密码不能为空！");
}
else
{
}
}
</script>
</head>
<body> <h1>登陆页面</h1>
<form action="LoginServlet"
name="1" method="post"
>
用户名：<input type="text"
name="name"><br>
密码： <input type="password"
name="pass"><br>
<input name="submit"
type=submit value="提交" onclick="a();">
<input type="reset"
value="取消" >
</form>
</body>
</html>

2013年05月28日 06点05分 12

丶渲目

感觉不错的样子

2013年05月29日 04点05分

丶渲目

验证有问题，即使没有输入用户名和密码，他首先提示不能为空后，还是提交到servlet后台了，怎么破？ [呼~]

2013年05月29日 05点05分

冰楓丶丶

alert完要return fase吧

2013年05月29日 05点05分

冰楓丶丶

回复冰枫丶丶 :false

2013年05月29日 05点05分

level 7

__唯凉

提交的type改为button。加一个class属性命名为“sub”
用户名加一个class属性 “username” 密码判断的就不多说了
---------
首先导入jquery核心包。然后在页面的head标签加入我写的代码
<script type="text/javascript">
$(document).ready(function(){
$(".sub").click(function(){
//获得用户名
var username = $(".username").val();
alert(username);
if(username==""){
alert("用户名不能为空！")
}else{
$(".sub").submit();
}
})
}）
</script>

2013年05月29日 05点05分 13

丶渲目

出现很多问题，首先那个js核心文件引入后，会报错，我下载了3个都报错，还有就是你的js脚本也有错误，不知道怎么搞哇， [乖]