1. 需求说明
用户在提交注册表单时,需要对用户的填写的数据进行校验。
本案例只对用户名、密码、确认密码进行校验。
其中用户名、密码、确认密码不能为空;
密码和确认密码必须保持一致
2. 知识讲解-JavaScript(一)
2.1 JavaScript 概述
2.1.1 JavaScript 是什么?有什么作用?
JavaScript 常用来为网页添加各式各样的动态功能。例如:点击隐藏、点击显示。
HTML:就是用来写网页的。
人的身体
CSS: 就是用来美化页面的。 人的衣服
JavaScript:前端大脑、灵魂。 人的大脑、灵魂
JavaScript 是 WEB 上强大的脚本语言。
脚本语言:
无法独立执行。必须嵌入到其他语言中,结合使用。
直接被浏览器解析执行。
Java 编程语言:
独立写程序,独立运行。 编译 --- 执行
作用:控制页面特效展示。
例如:
JS 可以对 HTML 元素进行动态控制
JS 可以对表单项进行校验
JS 可以控制 CSS 的样式
2.1.2 JavaScript 入门案例
2.1.3 JavaScript 的语言特征及编程注意事项
特征:
JavaScript 无需编译,直接被浏览器解释并执行
JavaScript 无法单独运行,必须嵌入到 HTML 代码中运行
JavaScript 的执行过程由上到下依次执行
注意:
JavaScript 没有访问系统文件的权限(安全)
由于 JavaScript 无需编译,是由上到下依次解释执行,所以在保证可读性的情况下,允许使用链
式编程
JavaScript 和 java 没有任何直接关系
2.1.4 JavaScript 的组成
ECMAScript (核心):规定了 JS 的语法和基本对象。
DOM
文档对象模型: 处理网页内容 的方法和接口
标记型文档。 HTML
BOM
浏览器对象模型: 与浏览器交互 的方法和接口
2.1.4 JavaScript 的引入方式
2.1.4.1 内部脚本
在当前页面内部写 script 标签, script 内部即可书写 JavaScript 代码
格式:
</div><div>JavaScript 的代码</div><div>
示例:
2.1.4.2 外部引入
在 HTML 文档中,通过 标签引入 .js 文件</div><div>格式:</div><div><script type=”text/javascript” src =”javascript 文件路径 ” >
示例 1 :
2.2 JavaScript 基本语法
2.2.1 注释
单行注释
//
Hbuilder 快捷键 ctrl+/
多行注释
/* */
Hbuilder 快捷键 ctrl+shift+/
示例:
2.2.2 变量
2.2.2.1 变量简述
变量:标示内存中的一块空间,用于存储数据,且数据是可变的。
变量的声明:
var 变量名; //变量赋予默认值,默认值为 undefined
(未定义的)
变量的声明和赋值:
var 变量名=值;
//变量赋予对应的值
在声明 JavaScript 变量时,需要遵循以下命名规范:
必须以字母或下划线开头,中间可以是数字、字符或下划线
变量名不能包含空格等符号
不能使用 JavaScript 关键字作为变量名,如:function、this、class
JavaScript 严格区分大小写。
2.2.2.2 基本数据类型
类似于 java 中的基本数据类型。
JavaScript 区别于 java,是弱类型语言,变量的使用不用严格遵循规范,所以一个变量声明好之后,是可以赋予任意类型的值。
这在强类型语言 Java 中是无法想象的
通过 typeof 运算符可以分辨变量值属于哪种基本数据类型
ECMAScript 实现之初的一个 bug,null 属于基本数据类型,typeof(null)--object
2.2.2.3 引用数据类型
引用类型通常叫做类(
class ),但在 JavaScript 中,因为不存在编译过程,所以没有类的概念。
所以 JavaScript 的引用数据类型都是 对象 。
JavaScript 对象类型的默认值是 null.
标准创建方式:
var str = new String();// 和 java 相同
var str = new String; //js 独有的方式















