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

相关文章
|
5月前
|
JSON 算法 安全
Nest.js JWT 验证授权管理
Nest.js JWT 验证授权管理
126 3
Nest.js JWT 验证授权管理
|
5月前
egg.js 24.18参数验证
egg.js 24.18参数验证
69 0
egg.js 24.18参数验证
|
1月前
|
移动开发 JavaScript 前端开发
JavaScript:验证输入
【9月更文挑战第02天】
35 6
|
4天前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
15天前
|
JavaScript 前端开发 API
JavaScript 验证 API
JavaScript 验证 API
18 2
|
24天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
2月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
58 1
|
2月前
|
前端开发 微服务 API
微服务浪潮下的JSF革新:如何在分散式架构中构建统一而强大的Web界面
【8月更文挑战第31天】随着微服务架构的兴起,企业将应用拆分成小型、独立的服务以提高系统可维护性和可扩展性。本文探讨如何在微服务架构下构建和部署JavaServer Faces (JSF) 应用,通过RESTful服务实现前后端分离,提升灵活性和适应性。
45 0
|
2月前
|
存储 JavaScript 前端开发
js登陆验证
js登陆验证
28 0
|
2月前
|
JavaScript 前端开发
在js中正则表达式验证小时分钟,将输入的字符串转换为对应的小时和分钟
这篇文章介绍了如何在JavaScript中使用正则表达式来验证时间字符串的格式(小时和分钟),并提供了将时间字符串转换为JavaScript Date对象的示例代码及其测试结果。
下一篇
无影云桌面