JSP与Javascript,Web页面交互:

通过Javascript验证文本框/密码框的值：

1.验证是否为空

2.验证两次输入密码是否相同

3.验证输入数据是否合法 验证用户名（3-20位字母、数字或下划线组成，并且必须以字母开头）：正则表达式

验证数值数据：isNaN(number)

验证邮箱地址：正则表达式

  

获取文本框/密码框的值：

<%request.setCharacterEncoding("GB18030");%><%request.getParameter("username");%>

例：简易用户注册模块

<%@ page language="java" contentType="text/html; charset=GB18030"    pageEncoding="GB18030"%>
      
      
         用 户 名：  
         *
       
密    码：
       *
       
确认密码：
       *
       
E-mail：  
       *
       
        
       
      

<%@ page language="java" contentType="text/html; charset=GB18030"    pageEncoding="GB18030"%><%request.setCharacterEncoding("GB18030");    //设置编码String username=request.getParameter("username"); //获取用户名String pwd=request.getParameter("pwd1");    //获取密码String email=request.getParameter("email");    //获取E-mail%>
      用户名：<%=username %>
密  码：<%=pwd %>
E-mail：<%=email %>
返回

  

例：限制多行文本框输入文本的长度

<%@ page language="java" contentType="text/html; charset=GB18030"    pageEncoding="GB18030"%>
      
      
         请输入内容：不能超过100个字符，每个汉字占两个字符
       
  
         
       
  
       
      

获取编辑框的值： 由于输入多行文本时，经常要对文本进行换行显示，但是如果直接通过getParameter()方法获取的字符串显示到JSP页面中，将不换行显示，即使在编辑框中通过<Enter>键强制换行。解决的办法是在输出文本前，将文本字符串中的回车换行符/n转换成HTML的换行符<br>。如：

<%request.setCharacterEncoding("GB18030");String content=request.getParameter("content");content=content.replaceAll("\r\n" , "
");out.print(content);%>

  

例:通过Javascript获取单选按钮组的值:

<%@ page language="java" contentType="text/html; charset=GB18030"    pageEncoding="GB18030"%>
      
      
       性别：  
         男  
         女  
         保密
       
  
       
  
       
      

获取单选按钮的值:

<%request.getParameter("sex");%>

  

例:通过Javascript实现复选框的全选和反选

<%@ page language="java" contentType="text/html; charset=GB18030"    pageEncoding="GB18030"%>
      
      
  
       
            
         
                
                
 明日科技
                
 超级管理员
             
             
                
                
 无语
                
 普通管理员
             
             
                
                
 wgh
                
 普通会员
             
             
                
                
 sk
                
 普通会员
             
          
       
  
       
      [全选/反选]     
      

获取复选框的值：

<%String[] delId=request.getParameterValues("delId"); //获取的是已选的值//for循环遍历for(int i=0; i
      

  

例:动态设置下拉列表框和多行列表框的默认选中项:

<%@ page language="java" contentType="text/html; charset=GB18030"    pageEncoding="GB18030"%><%String userBranch="Java Web";    //定义默认显示的部门String[] branch={
     "Java","Java Web","Visual C++","PHP"};    //定义一个保存选项的数组%>
      
      
    
           <% for(int i=0;i        <%                         if(userBranch.equals(branch[i]))  out.print("selected");                          %>                         >  <%= branch[i] %>      <% }  %>    
      

      
      
    
                   Java            Java Web            Visual C++            PHP        
      

获取下拉列表框的值:

<% request.getParameter("branch");%>//如果存在中文,要先设置请求的编码为支持中文的编码

例:获取多行列表框的值:

<%@ page language="java" contentType="text/html; charset=GB18030"    pageEncoding="GB18030"%>
      
      
    
               吉林省        辽宁省        黑龙江省        河北省        河南省        山西省        
       
      

<%@ page language="java" contentType="text/html; charset=GB18030"    pageEncoding="GB18030"%>
      <%request.setCharacterEncoding("GB18030");    //设置编码String[] zone=request.getParameterValues("zone");    //获取多行列表框的值if(zone!=null){  //防止空指针异常    out.print("您选择了：");    //通过for循环遍历获取到的数组    for(int i=0;i
      
       [返回]