<%@ 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>
    <base href="<%=basePath%>">
    
    <title>My JSP 'jsfrom.jsp' starting page</title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style >
.errSpan{
color:red;
font-style:italic;
}
</style>
<script src="js/my.js"></script>
<script >
function check(){
var uername=$("username").value;
if(username==""){
$("nameErrSpan").innerHTML=("用户名不能为空");
return false;

}
var passwd=$("passwd").value;
if(passwd==""){
$("pwdErrSpan").innerHTML=("密码不为空!");
return true;
}
}</script>
  </head>
  
  <body>
  
  <form action="next.jsp" method="post" onsubmit="return check()">
   用户名<input type="text" id="username" name="username" onfocus="$('pwdErrSpan').innerHTML=('')"/>
   <span id="nameErrSpan" class="errSpan"></span><br/>
   密码<input type="text" id="passwd" name="passwd" onfocus="$('pwdErrSpan').innerHTML=('')"/>
   <span id="pwdErrSpan" class="errSpan"></span><br/>
  
   <input type="submit" value="提交" >
  </form>
  </body>
</html>不输入东西提交还是会传输道next.jsp

解决方案 »

  1.   

    var $ = function(id) {
    return document.getElementById(id);
    };function check() {
    var username = $("username").value;
    if (username == "") {
    $("nameErrSpan").innerHTML = ("用户名不能为空");
    return false; }
    var passwd = $("passwd").value;
    if (passwd == "") {
    $("pwdErrSpan").innerHTML = ("密码不为空!");
    return false;
    }
    return true;
    }