后端接到 前端的html 了就 使用jquery 完成了 拓展 前端业务的熟悉与运用 使用json
ajax 的请求 来实现异步的 效果 顾及了 用户的体验使用
开始编写========================》视频: 听讲: 笔记
启动 tomcat 的 在 像 以前一样的 在 里点击启 动的方式
Edit config ---->Run/Debug Configurrations界面------>点击+ 找 maven 加入—》
Parametes------》command line 里 编写的是;tomcat7:run(有下拉框)在最上面的 name框里定义name platy ok 就行
注意 : 异步里 没有el 表达式, jlit 和jsp 页面
register.html
thml page 的里面
用户名:的 js 代码--------------------》
根据flag ; 来 判断
用户名合法: 我们不加标签
else()。。。。。。。。。。。。。。。。。
/* 表单的校验
* 用户名 L正则表达式:
* 用户名:单词 字符8到20位 =》 数据库里varchar 的就是 100 个字符
* 密码:
* Email:
* 姓名:
* 手机号:not null
* 出生日期:非空 not null
* 验证码:not null
* 7:个需要校验的
* 分别校验 :
* /
//用户名 校验/ 1: 获取用户名 2:定义正则 3:判断 与提示信息 /
/ js变量调用test()返回的就是boolean
test() 方法用于检测一个字符串是否匹配某个模式.
如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false。也就是 符合正则表达式*/
if (falg) {//判断 与提示信息 通过就合法
else {//或者不合法 我们的提示是: 给边框 设置红色的 在离开边框的时候
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲username").css(…/ ^是 开始,KaTeX parse error: Expected 'EOF', got '\W' at position 6: 是结束 ,\̲W̲+@ :所有的字母数字 至@ … 值结束 */
如果 这个 方法 返回值的 是 true 就submit 是flase 则不submit
现在 我们我们访问的 网站的时候 我们至少的有 3个 用户名 密码 与 Email4
异步submit的 方式==================================================》
/表单submit的时候 提交所有的校验方法 : 调用方法
* //如果 当前的方法校验 没有返回值或返回值为true 就 submit
//当所有的方法都是true 就submit*/
/* 在用异步的 方式来submit
表单 提交 的2件事 :1: 发送数据 为true 就----> 2:跳转页面 if 里的就是true*/
数据不知道先不写 接着是Function回调函数 传入服务器给response 的数据
在用异步的 方式来submit
表单 提交 的2件事 :1: 发送数据 为true 就----> 2:跳转页面
(
f
u
n
t
i
o
n
(
.
.
.
)
)
=
=
=
>
里
表
单
s
u
b
m
i
t
时
候
都
有
所
有
的
验
证
方
式
r
e
g
i
s
t
U
s
e
r
S
e
r
v
l
e
t
"
,
(funtion(...){})===>里 表单submit 时候 都有所有 的验证方式 registUserServlet",
(funtion(...))===>里表单submit时候都有所有的验证方式registUserServlet",(this).serialize(),function (data) {// “”: 应该填写的是 用户填写的表单数据
/* 怎样 将数据 KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲registerForm")拿…(this) 包装 成jquery 对象 : 因为是表单对象 调
用的 —》 就是当前的this 即可*//由于 是异步 submit 我们看不到表单 /
/ 将来会提交到 后端的registUserServlet 类里/
});
// blur():当某个主键时期焦点的时候 就 调用对应的额 效验方法
// 当你离开输入完的时候 就 执行 提交的
测试: 开启服务器后 浏览器里输入 register.html
f12 点出 调试的 NetWork 随便的填写数据 …再 看Header 里拉到最后 就会看到这些信息
username。。。。password
点击红圆点 就clear 了 再 测试 我们有一个username不符合 要求 就没有提交submit
禁用同步submit、--------> 要异步的submit
在验证呢 当同步submit、 是404 的 就说明禁用 了异步
200 的说明提交成功
/* if 里的方法 是带() 的 blur里的 是不带()只穿方法名*/
Jquery里的serialize() 就是序列化到 字符串的格式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&