客户端验证、常用输出方式、JSTL的基本用法
转自CSDN http://blog.csdn.net/JavaEETeacher/article/details/1764888目标：

l         掌握客户端验证的基本过程；

l         掌握JSP输出信息的方式；

l         掌握JSTL的基本用法。

主要内容：

l         通过实例介绍客户端验证的基本过程；

l         介绍JSP输出信息的基本方式；

l         通过实例分析介绍JSTL的基本用法。

客户端验证相关的代码在网络上随处可见，并且非常通用，所以一般情况下不需要大家自己编写，但是需要知道如何使用、如何修改。下面介绍基本的使用过程：

1、 如何嵌入JavaScript代码

使用JavaSript代码完成用户输入信息的客户端验证，在页面中嵌入JavaScript代码的过程如下：

<script language=”JavaScript”>
 
   // 在此处嵌入JavaScript代码
 
</script>

JavaScript代码必须在这个开始标识和结束标志之间。

2、 如何写JavaScript方法

各种验证过程都是以方法的形式存在，JavaScript方法的定义方式如下：

function 方法名(参数列表)
 
{
 
   // 方法体
 
}

与Java中的方法定义不同，function声明要定义方法，不需要返回值类型，可以返回任意结果，参数列表不需要给出参数的类型。下面是一个方法的例子：

function validate(form)
 
{
 
 …
 
}

下面是一个完成用于判断参数是否是数字的方法：

   

// 判断是否是数字
 
    function isNumber(str)
 
    {
 
        for(i=0;i<str.length;i++)
 
        {
 
            // 如果要判断小数，需要判断小数点
 
            if(str.charAt(i)>='0' && str.charAt(i)<='9' 

                || str.charAt(i)=="-" && i==0)
 
                continue;
 
            else
 
                return false;
 
        }
 
        return true;
 
    }

3、 如何建立表单提交与验证方法之间的关联?

使用表单form的onsubmit事件完成。

<form name="form1" method="post" 

action="process.jsp" [color=red]onsubmit="return isValidate(form1[/color])">

红色部分是对验证方法的调用。

注意：这时候使用的是form的提交事件，使用的是提交按钮。

也可以把提交按钮修改成普通按钮，然后使用按钮的onClick事件调用验证方法。

4、 在进行验证的时候要获取输入的信息，如果获取？

表单的名字直到表单元素，再得到值。例如：

userid = form.userid.value;

变量不需要定义可以直接使用。

5、 实例：对注册功能中的用户名和口令进行验证

   

<%@ page contentType="text/html;charset=gb2312"%>
 
<script language="JavaScript">
 
   // 进行验证的方法
 
   function isValidate(form){
 
      userid = form.userid.value;
 
      if(userid==""){
 
          alert("用户ID不能为空");
 
          return false;
 
      }else if(userid.length>8 || userid.length<6){
 
          alert("长度应该为6－8位");
 
          return false;
 
      }
 
 
 
      userpass=form.userpass.value;
 
      if(userpass.length!=8){
 
          alert("口令的长度不为8！");
 
          return false;
 
      }
 
 
 
      return true;
 
   }
 
</script>
 
请注册<br>
 
<form name="form1" method="post" action="process.jsp" onsubmit="return isValidate(form1)">
 
   用户ID：<input type="text" name="userid">用户ID长度为6－8位<br>
 
   口令：<input type="password" name="userpass">要求口令长度为8<br>
 
   确认口令：<input type="password" name="userpass1"><br>
 
   性别：<input type="radio" name="sex" value="男" checked>男
 
         <input type="radio" name="sex" value="女">女<br>
 
   爱好：<input type="checkbox" name="fav" value="运动">运动
 
         <input type="checkbox" name="fav" value="音乐">音乐
 
         <input type="checkbox" name="fav" value="编程">编程<br>
 
   学历：
 
       <select name="degree">
 
           <option value="本科">本科</option>
 
           <option value="硕士">硕士</option>
 
           <option value="专科">专科</option>
 
           <option value="博士">博士</option>
 
       </select><br>
 
   备注：
 
       <textarea name="comment"></textarea><br>
 
       <input type="submit" value="提交"&g