开始java代码的 编写(续02:前端 ,我们采用的是 异步提交的 就是实现 了前后端的分离 前端就写好HTML)

后端接到 前端的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(...))===>submitregistUserServlet",(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() 就是序列化到 字符串的格式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值