JSP实例教程教程之客户端验证、常用输出方式及JSTL基本用法
来源:
中文源码网 浏览:252 次 日期:2024-05-18 14:45:22
【下载文档: JSP实例教程教程之客户端验证、常用输出方式及JSTL基本用法.txt 】
JSP入门教程之客户端验证、常用输出方式及JSTL基本用法
本文讲述了JSP入门教程之客户端验证、常用输出方式及JSTL基本用法。分享给大家供大家参考。具体如下:
一、目标:
① 掌握客户端验证的基本过程;
② 掌握JSP输出信息的方式;
③ 掌握JSTL的基本用法。
二、主要内容:
① 通过实例介绍客户端验证的基本过程;
② 介绍JSP输出信息的基本方式;
③ 通过实例分析介绍JSTL的基本用法。
客户端验证相关的代码在网络上随处可见,并且非常通用,所以一般情况下不需要大家自己编写,但是需要知道如何使用、如何修改。下面介绍基本的使用过程:
1、如何嵌入JavaScript代码
使用JavaSript代码完成用户输入信息的客户端验证,在页面中嵌入JavaScript代码的过程如下:
JavaScript代码必须在这个开始标识和结束标志之间。
2、如何写JavaScript方法
各种验证过程都是以方法的形式存在,JavaScript方法的定义方式如下:
function 方法名(参数列表)
{
// 方法体
}
与Java中的方法定义不同,function声明要定义方法,不需要返回值类型,可以返回任意结果,参数列表不需要给出参数的类型。下面是一个方法的例子:
function validate(form)
{
…
}
下面是一个完成用于判断参数是否是数字的方法:
// 判断是否是数字
function isNumber(str)
{
for(i=0;i
{
// 如果要判断小数,需要判断小数点
if(str.charAt(i)>='0' && str.charAt(i)<='9'
|| str.charAt(i)=="-" && i==0)
continue;
else
return false;
}
return true;
}
3、如何建立表单提交与验证方法之间的关联?
使用表单form的onsubmit事件完成。
action="process.jsp" onsubmit="return isValidate(form1)">
其中:onsubmit="return isValidate(form1)"部分是对验证方法的调用。
注意:这时候使用的是form的提交事件,使用的是提交按钮。
也可以把提交按钮修改成普通按钮,然后使用按钮的onClick事件调用验证方法。
4、在进行验证的时候要获取输入的信息,如果获取?
表单的名字直到表单元素,再得到值。例如:
复制代码 代码如下:userid = form.userid.value;
变量不需要定义可以直接使用。
5、实例:对注册功能中的用户名和口令进行验证
<%@ page contentType="text/html;charset=gb2312"%>
请注册
6、常用的验证:通过regiest.jsp文件介绍
这个验证不是最全面的,也不是最优的,如果你需要可以通过网络查找,另外可以查阅JavaScript相关书籍,有很多现成的JavaScript方法可以使用。另外在进行客户端验证的时候可以使用正则表达式,并且比较方便。
下面的代码供参考:
<%@ page contentType="text/html;charset=gb2312"%>
注册界面请注册
onsubmit="return isValidate(form1)">