初探jQuery【eclipse】 JavaScript的特性 程序代码编写位置 JavaScript的事件驱动 元素查询 HTML页面中的JavaScript单击事件案例(点击弹窗) HTML页面中的JavaScript焦点事件案例(点击置空) 测试jQuery是否导入成功 HTML页面中的jQuery单击事件案例 HTML页面中使用jQuery验证用户名的格式 登录页面中错误登录时清空提示信息 登录页面中使用JavaScript/jQuery校验非空 注册页面中使用JavaScript/jQuery校验格式(正则) (重点)把校验后的注册信息写入数据库 需要注意的地方1: 需要注意的地方2:

脚本语言、基于对象、简单、动态性、跨平台性

程序代码编写位置

a)       编写到HTML中<script>标签中

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

b)       写在外部的.js文件中。然后通过script标签引入

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

JavaScript的事件驱动

c)        用户事件:用户操作,例如单击、鼠标移入、鼠标移出等

d)       系统事件:由系统触发的事件,例如文档加载完成。

e)       常用的事件:

  • onload
  • onclick          单击事件
  • onblur
  • onfocus         焦点事件
  • onmouseover
  • onmouseout

元素查询

功能

API

返回值

根据id值查询

document.getElementById(“id值”)

一个具体的元素节点

根据标签名查询

document.getElementsByTagName(“标签名”)

元素节点数组

根据name属性值查询

document.getElementsByName(“name值”)

元素节点数组

HTML页面中的JavaScript单击事件案例(点击弹窗)

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

HTML页面中的JavaScript焦点事件案例(点击置空)

初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

测试jQuery是否导入成功

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

HTML页面中的jQuery单击事件案例

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

HTML页面中使用jQuery验证用户名的格式

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

登录页面中错误登录时清空提示信息

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

登录页面中使用JavaScript/jQuery校验非空

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

注册页面中使用JavaScript/jQuery校验格式(正则)

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

(重点)把校验后的注册信息写入数据库

第一步写Dao接口(查询是否存在相同用户名、写入数据两个接口)

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

第二步实现Dao接口(写sql)

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

第三步测试(测试sql的功能是否正常)

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

第四步创建servlet(获取注册页面发送的数据,传入Dao的实现类,进行判断)

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

第五步把注册页面的提交地址写成servlet所在的地址(一般就是类名)

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

需要注意的地方1:

1. 在servlet页面写request域用作错误的提示信息

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

2. 在regist页面调用这个request域

初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

3. 在JavaScript/jQuery中编写焦点时间的代码(即点击输入框错误提示消失)

初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

需要注意的地方2:

1. 在Servlet类中 “错误” 是转发,转发的代码是

  request.getRequestDispatcher().forward(request, response);

转发是在服务器中进行中的,不需要加项目名,只需要发起一次请求

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2:

2. 在Servlet类中 ”正确” 是重定向,重定向的代码是

  response.sendRedirect()

重定向是在前端中进行的,需要加项目名,需要发起两次请求

 初探jQuery【eclipse】
JavaScript的特性
程序代码编写位置
JavaScript的事件驱动
元素查询
HTML页面中的JavaScript单击事件案例(点击弹窗)
HTML页面中的JavaScript焦点事件案例(点击置空)
测试jQuery是否导入成功
HTML页面中的jQuery单击事件案例
HTML页面中使用jQuery验证用户名的格式
登录页面中错误登录时清空提示信息
登录页面中使用JavaScript/jQuery校验非空
注册页面中使用JavaScript/jQuery校验格式(正则)
(重点)把校验后的注册信息写入数据库
需要注意的地方1:
需要注意的地方2: