Javascript 与 jsp 工作

js 与 jsp 一起工作：

begin.jsp

<%@ 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 'begin.jsp' starting page</title>

    <script type="text/javascript">
    function validate()
    {
        var num = document.getElementsByName("number")[0];
        if (num.value.length < 1)
            {
            alert("输入不能为空");
            num.focus();
            return false;
            }
        for (var i = 0; i< num.value.length; i++)//验证输入的是整数
            {
            var param = "0123456789";
            if (param.indexOf(num.value.charAt(i)) == -1)
                {
                alert("必须输入数字")
                num.focus();
                return false;
                }
            }

　　　　　　　if (parseInt(num.value)<5 ||parseInt(num.value)>15 )
            {
            num.value = 10;
            }
        return true;
    }
    
    </script>
  </head>
  
  <body>
    <form action="end.jsp" name="form1" method="post" onsubmit="validate();">
        请输入数字 (5-15)：<input type = "text" name = "number">
        <br>
        <input type="submit" value = "Submit">
    </form>
  </body>
</html>

 

 

end.jsp

<%@ 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 'end.jsp' starting page</title>
 
     <script type="text/javascript">
        function checkall()
        {
            var s = document.getElementsByName("check");
            var m = document.getElementsByName("all")[0];
            if (m.checked)
                {
                for (var i in s)
                    {
                     s[i].checked = true;
                    }
                }
            else
                {
                for (var i in s)
                {
                 s[i].checked = false;
                }
            }
                
        }
        
        function turn()
        {
            with(document)
            {
                var m = getElementById ("change");
                var n = getElementById("table");
                if (m.value == "收缩")
                    {
                    n.style.display = "none";
                    m.value = "展开";
                    }
                else
                    {
                    n.style.display = "block";
                    m.value = "收缩";
                    }
            }
        }
    </script>
  </head>
  
  <body>
      <table border = "1" align = "center" width = "60%">
       <tr>
           <td>
               <input type = "checkbox" name = "all" onclick="checkall();">全选
           </td>
           <td>
               <input type = "button" value = "收缩" id = "change" onclick = "turn();">
           </td>
       </tr>
      </table>
  
  
  
    <% int number = Integer.parseInt(request.getParameter("number")); %>
    <table border = "1" align = "center" width = "60%" id = "table">
    <% for (int i=1; i<=number; i++)
            {
    %>
    <tr>
        <td>
            <input type = "checkbox" name = "check">
        </td>
         <td>
            <%= i %>
        </td>   
    </tr>
    <%} %>
    </table>
  </body>
</html>

结果：

posted @ 2012-07-31 23:00  allenbackpacker  阅读(231)  评论(0)  编辑  收藏  举报