使用JS完成注册表单的数据校验

1、前台校验

防君子不防小人

JavaScript被设计用来向HTML页面添加交互行为

JavaScript是一种脚本语言（脚本语言是一种轻量级的编程语言）

JavaScript由数行可执行计算机代码组成

JavaScript通常直接嵌入HTML页面

JavaScript是一种解释性语言（就是说，代码执行不进行预编译）

所有的人无需购买许可证均可使用JavaScript

Java和JavaScript的区别？

它们没有关系，就像雷锋和雷峰塔

JavaScript的作用

HTML是整个网站的骨架

CSS是对整个网站骨架的内容进行美化（修饰）

JavaScript能够让整个页面具有动态效果

JavaScript的组成部分：

1、ECMAScript核心

它是整个JavaScript的核心，包含（基本语法、变量、关键字、保留字、数据类型、语句、函数等等）

2、DOM文档对象模型

它包含整个HTML页面的内容

3、BOM浏览器对象模型

它包含整个浏览器相关内容

Javascript语法

1、区分大小写

2、变量是弱类型的

3、每行结尾的分号可有可无

4、注释与Java、C和PHP语言的注释相同

5、括号表示代码块

JavaScript的变量

变量可以不用声明，变量是弱类型。统一使用var来定义！定义变量的时候不要使用关键字和保留字。

关键字

ECMAScript有5种原始类型，即Undefined、Null、Boolean、Number和String。

引用数据类型：存在很多种，每种都是object对象

可以使用typeof查看数据类型，使用instanceof判断变量数据类型

null和undefined的区分

null：对象不存在

undefined：对象存在，访问属性或者方法不存在（对象未初始化）

获取元素内容

获取元素

document.getElementById("id名称");

如果id是一个字符串，那么必须加上引号，如果是一个变量那么不需要

获取元素里面的值

document.getElementById("id名称").value;

JavaScript事件

表单提交事件：onsubmit

JavaScript的输出

警告框：alert();

向页面指定位置写入内容：innerHTML(属性);

向页面写入内容：document.write("");

3步骤分析

第一步：确定事件（onsubmit）并为其绑定一个函数

第二步：书写这个函数（获取用户输入的数据）<获取数据时需要在指定位置定义一个id>

第三步：对用户输入的数据进行判断

第四步：数据合法（让表单提交）

第五步：数据非法（不让表单提交）给出错误提示信息

如何控制表单提交？

关于事件onsubmit：一般用于表单提交的位置，那么需要定义函数的时候给出一个返回值。onsubmit = return checkForm();

 代码的实现

 

2、后台校验