使用JS完成註冊表單的數據校驗

一、前臺校驗

防君子不防小人

JavaScript被設計用來向HTML頁面添加交互行爲

JavaScript是一種腳本語言（腳本語言是一種輕量級的編程語言）

JavaScript由數行可執行計算機代碼組成

JavaScript一般直接嵌入HTML頁面

JavaScript是一種解釋性語言（就是說，代碼執行不進行預編譯）

全部的人無需購買許可證都可使用JavaScript

Java和JavaScript的區別？

它們沒有關係，就像雷鋒和雷峯塔

JavaScript的做用

HTML是整個網站的骨架

CSS是對整個網站骨架的內容進行美化（修飾）

JavaScript可以讓整個頁面具備動態效果

JavaScript的組成部分：

一、ECMAScript核心

它是整個JavaScript的核心，包含（基本語法、變量、關鍵字、保留字、數據類型、語句、函數等等）

二、DOM文檔對象模型

它包含整個HTML頁面的內容

三、BOM瀏覽器對象模型

它包含整個瀏覽器相關內容

Javascript語法

一、區分大小寫

二、變量是弱類型的

三、每行結尾的分號無關緊要

四、註釋與Java、C和PHP語言的註釋相同

五、括號表示代碼塊

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();

 代碼的實現

 

二、後臺校驗