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>
相关文章
|
JavaScript 前端开发 Java
JavaScript 验证串讲| 学习笔记
快速学习 JavaScript 验证串讲。
215 0
JavaScript 验证串讲| 学习笔记
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
253 0
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
377 1
JavaScript中的原型 保姆级文章一文搞懂
|
JavaScript 前端开发
JS:一篇文章带你搞懂什么是异步
JS:一篇文章带你搞懂什么是异步
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
635 5
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
381 3
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
487 4
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
499 2
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
847 4
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物医院系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物医院系统附带文章源码部署视频讲解等
394 2