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 取得内容,这种完整的处理操作,必须可以灵活编写,做到任意写,同时认真思考如果页面多了,怎么解决验证。

相关文章
|
9月前
|
JSON 算法 安全
Nest.js JWT 验证授权管理
Nest.js JWT 验证授权管理
176 3
Nest.js JWT 验证授权管理
|
9月前
egg.js 24.18参数验证
egg.js 24.18参数验证
90 0
egg.js 24.18参数验证
|
21天前
|
存储 安全 API
Next.js 实战 (九):使用 next-auth 完成第三方身份登录验证
这篇文章介绍了next-auth,一个为Next.js设计的身份验证库,支持多种认证方式,如电子邮件和密码、OAuth2.0提供商(如Google、GitHub、Facebook等)以及自定义提供商。文章包含了如何配置Github Provider以及会话管理,并提到了适配器Adapters在next-auth中的作用。最后,文章强调了next-auth的强大功能值得进一步探索。
58 10
|
5月前
|
移动开发 JavaScript 前端开发
JavaScript:验证输入
【9月更文挑战第02天】
57 6
|
5月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
5月前
|
JavaScript 前端开发 API
JavaScript 验证 API
JavaScript 验证 API
48 2
|
5月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
4月前
|
JavaScript 前端开发
【干货分享】JavaScript学习笔记分享
【干货分享】JavaScript学习笔记分享
71 0
|
6月前
|
前端开发 微服务 API
微服务浪潮下的JSF革新:如何在分散式架构中构建统一而强大的Web界面
【8月更文挑战第31天】随着微服务架构的兴起,企业将应用拆分成小型、独立的服务以提高系统可维护性和可扩展性。本文探讨如何在微服务架构下构建和部署JavaServer Faces (JSF) 应用,通过RESTful服务实现前后端分离,提升灵活性和适应性。
76 1
|
6月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
185 1

热门文章

最新文章