为什么jsp中的javascript不显示alert
<%@ page contentType="text/html; charset=GBK"%>
<SCRIPT language=JavaScript src="include/check.js" type="text/javascript"></SCRIPT>
<script language="JavaScript">
function userLogin(){
if(document.frmAction.username.value == null ||
checkLength(document.frmAction.username.value)<1){
alert('请输入用户名！');
return ;
}
if(document.frmAction.password.value == null ||
checkLength(document.frmAction.password.value)<1){
alert('请输入用户密码！');
return ;
}
document.frmAction.action="loginservlet?method=user_login";
document.frmAction.submit();
}
function userReg(){
document.frmAction.action="user_add.jsp";
document.frmAction.submit();
}
</script>
<%
String userName = request.getParameter("username");
if(userName == null) userName = "";
String passWord = request.getParameter("password");
if(passWord == null) passWord = "";
%>
<html>
<head>
<title>
用户登录
</title>
</head>
<body bgcolor="#ffffff">
<br>
<br>
<br>
<br>
<FORM method="POST" name="frmAction" >
<center>
<table border="1px #76aef0 solid" cellspacing="0" cellpadding="1" align=center bgColor=#E4E8EF>
<tr>
<td width="50%">用户名：</td>
<td width="50%"><input type="text" name="username" value="<%=userName%>"/></td>
</tr>
<tr>
<td width="50%">密码：</td>
<td width="50%"><input type="password" name="password" value="<%=passWord%>"/></td>
</tr>
<tr>
<td width="50%">
<center>
<input type="submit" onclick="userLogin();" value="登录" class="button"/>
</center>
</td>
<td width="50%">
<center>
<input type="submit" onclick="userReg();" value="注册" class="button"/>
</center>
</td>
</tr>
<!--
<tr>
<td colspan="2">
<center>
<input type="submit" onclick="userLogin();" value="登录" class="button"/>
</center>
</td>
</tr>
-->
</table>
</center>
</FORM>
</body>
</html> 展开
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
用户登录
</title>
<script language="JavaScript" type="text/javascript">
function userLogin(){
var userName=document.getElementById("username");
var password=document.getElementById("password");
if(userName.value == "" && userName.value.length<5){
alert("请输入用户名!")
userName.focus();
return false;
}else if(password.value == "" && password.value.length<5){
alert("请输入用户密码！");
password.focus();
return false;
}else{
return true;
}
}
function userReg(){
document.frmAction.action="user_add.jsp";
document.frmAction.submit();
}
</script>
</head>
<body bgcolor="#ffffff">
<br>
<br>
<br>
<br>
<FORM method="POST" name="frmAction" >
<table border="1px #76aef0 solid" cellspacing="0" cellpadding="1" align="center" bgColor="#E4E8EF">
<tr>
<td width="50%">用户名：</td>
<td width="50%"><input type="text" name="username" /></td>
</tr>
<tr>
<td width="50%">密码：</td>
<td width="50%"><input type="password" name="password"/></td>
</tr>
<tr>
<td width="50%" align="center">
<input type="button" onClick="userLogin()" value="登录" />
</td>
<td width="50%" align="center">
<input type="button" onClick="userReg()" value="注册" />
</td>
</tr>
</table>
</FORM>
</body>
</html>
我帮你改了下,你看看能不能用alert了....
2015-12-01 · 做真实的自己 用良心做教育
千锋教育
不显示alert通常为：
没有触发某方法里的alert语句
语法有误，如判断条件为假等
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。如：
<html>
<head>
<script type="text/javascript">
function display_alert()
{
alert("I am an alert box!!")
}
</script>
</head>
<body>
<input type="button" onclick="display_alert()"
value="Display alert box" />
</body>
</html>
页面加载时，先执行：
<%
String userName = request.getParameter("username");
if(userName == null) userName = "";
String passWord = request.getParameter("password");
if(passWord == null) passWord = "";
%>
然后 ，将username的值""(注意，不是null）填入到<input ...name="username"/>
也就是说，你每次进入页面,username的值都是""，而不是null
然后再看看你的JS代码：
得不到正确结果的原因，可能是你的checkLength方法有问题，其实你可以直接这样写：
var value = document.frmAction.username.value;
if(value == null || value == ""){
alert('请输入用户名！');
return false;
}
另外，楼上的，不用加return 也是一样的。
document.frmAction.username.value
这样写不好，以后如果username这个名称改了，程序要改多个地方的
改成
username=document.frmAction.username.value
然后下面的程序中用username。
<input type="button" onclick="userLogin();" value="登录" class="button"/>
submit改为button
checkLength(document.frmAction.username.value)<1){
alert('请输入用户名！');
return ;
}
改成这样
if(document.frmAction.username.value.length<1){
alert('请输入用户名！');
return false;
}
其实你应该在input框加个id属性,然后用document.getElementById('').value获得;如给用户名加个id="name"，就可以用这样获得document.getElementById('name').value
如果你是用submit提交,onclick="return userLogin();" 方法前要都加个return
希望对你有所帮助,谢谢！
|
广告 您可能关注的内容 |
