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

来源:互联网 发布:步进电机加减速算法 编辑:程序博客网 时间:2024/05/16 15:36

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编码


0 0
原创粉丝点击