#笔记#圣思园 JavaWeb 第22讲——表单确认，JavaScript和Servlet实现客户端与服务器端验证

1.表单的确认

（1）客户端确认

——减少服务器负载

——缩短用户等待时间

——兼容性难

（2）服务器端确认

——统一确认

——兼容性强

——服务器负载重

2.客户端确认：使用JavaScript进行客户端验证

JSP与客户机交互：

——从表单中获得参数

——返回参数

——表单的服务器端确认

示例程序：用户名不为空、密码与验证密码相同，且长度大于6小于10，

获得用户填写的数据，两种获取方式：

（1）给每一个控件增加一个ID属性，JavaScript会用到这些id



（2）根据name属性获得元素



document是Java Script的内置对象，代表当前文档本身

表单的onsubmit属性表示在提交的时候，调用指定的js函数

通过对象的value属性，能够获得用户在文本框输入的信息————alert（username.value）

3.全选功能js实现

onclick——单击事件

获得全选的复选框的选择状态，是否选中

js中，首先获得控件对象，然后判断控件是否选中了

checkbox的一个属性是checked，如果checked为true，表示选中了；如果checked为false，表示未选中



根据标签名字返回元素：getElementByTagName，其中的tag标签指的是

4.服务器端验证

中表单中获取参数的主要方法：

getParameter（）：获取参数值；可获得文本框、文本区域、单选、多选的值；表单中个元素的name属性是他的唯一标识，用它获取参数

getParameterNames（）：获取参数名称

getParameterValues（）：获取多个值

程序示例：

myLogin.jsp



ValidateServlet.java





success.jsp



error.jsp

5.JavaScript对复杂表单进行客户端验证

6.JavaScript对复杂表单进行服务器验证

userLogin.jsp——ProcessServlet.java——loginSuccess.jsp\loginFailure.jsp

<ul></ul>标签呈现的是每个项目之前的点~
<ol></ol>标签呈现的是每个项目之前的123编码