JavaScript 验证串讲| 学习笔记

简介: 快速学习 JavaScript 验证串讲

开发者学堂课程【Java面试疑难点串讲4:Java Web开发:JavaScript 验证串讲】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/27/detail/574


JavaScript 验证串讲


一、JavaScript 验证

对于Java的学习是需要按照层次来划分的,简单的划分:

●显示层:有美工设计、前端开发;

●控制层:看不见长相的,这叫内涵,就好比红绿灯;

●业务层(数据层):看不见长相的,这叫内涵;

在实际的开发过程之中,必须要对 JS 的表单验证进行重点掌握。

示例:

为了验证做的好看,可以新建一个 CSS/CS文件夹

图片5.png

图片6.png

代码执行之后的结果显示绿色成功,在现在的代码表单里面什么都没有,所以只会显示绿色;

图片7.png

这个时候发现没有设置 on blue 事件,值没有读取进来,此时发现没有输入也依旧能登陆,检查发现是 form 没有验证。

图片8.png

结果是没法正常提交的,表单一定要正常编写,样式一定有美工设计,JS 的验证一定要自己动态设置,根据 ID 取得内容,这种完整的处理操作,必须可以灵活编写,做到任意写,同时认真思考如果页面多了,怎么解决验证。

            </div>
相关文章
|
1月前
egg.js 24.18参数验证
egg.js 24.18参数验证
29 0
egg.js 24.18参数验证
|
3月前
|
存储 JavaScript 前端开发
账号登录验证(原生js,本地存储)
账号登录验证(原生js,本地存储)
27 0
|
4月前
|
JavaScript 数据安全/隐私保护
JS正则验证密码
JS正则验证密码
|
5月前
|
JavaScript 数据安全/隐私保护
js 常用类型验证
js 常用类型验证
47 0
|
2月前
|
前端开发 JavaScript API
JavaScript学习笔记(一)promise与async
JavaScript学习笔记(一)promise与async
|
2月前
|
JavaScript 前端开发 PHP
34、文件上传 -- 绕过JS验证
34、文件上传 -- 绕过JS验证
29 0
|
3月前
|
算法 JavaScript
|
3月前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
24 0
|
5月前
|
前端开发 JavaScript Python
javascript入门学习笔记打卡(2)
javascript入门学习笔记打卡(2)
22 0
|
6月前
|
前端开发 JavaScript API
php的短信验证的流程,如何实现前端js加后端php
php的短信验证的流程,如何实现前端js加后端php