的用戶身份驗(yàn)證和注冊(cè)技術(shù) 如果您不熟悉jQuery，它本質(zhì)上是一個(gè)JavaScript庫(kù)，可以輕松開(kāi)發(fā)JavaScript。它最大限度地減少了所需的代碼量，因?yàn)樗哂性S多內(nèi)置功能，因此您不再需要為這些功能編寫(xiě)客戶端功能或?qū)ο蟆Ｓ嘘P(guān)更多信息和下載jQuery庫(kù)的鏈接，請(qǐng)參閱參考資料;或者，正如您在所有代碼示例中所看到的，您可以直接嵌入當(dāng)前版本的jQuery庫(kù)。

使用 JQUERY 進(jìn)行表單提交

在許多情況下，提交沒(méi)有重載的表單很有用。例如，使用它，您可以在提交表單以在單頁(yè)應(yīng)用程序中提交表單之前使用JavaScript代碼驗(yàn)證表單字段，或者 - 如本文所示 - 確定用戶名是否已經(jīng)注冊(cè)。有兩種方法可以使用jQuery觸發(fā)表單提交：使用提交處理程序或單擊處理程序。清單1顯示了如何使用提交處理程序提交表單。

清單 1. 使用 jQuery 的 submit 處理函數(shù)提交表單

清單2顯示了如何使用單擊處理程序提交表單。

清單 2. 使用 jQuery 的 click 處理函數(shù)提交表單

這兩個(gè)列表基本相同：它們都嵌入在jQuery庫(kù)中，使用ready處理程序在訪問(wèn)任何元素之前確認(rèn)頁(yè)面已加載，并且處理程序包含相同的代碼。唯一的區(qū)別是處理程序和分配給處理程序的元素。提交處理程序需要分配表單元素和單擊處理程序，任何可單擊元素 - 在本例中為Submit按鈕。為了避免在提交表單時(shí)刷新頁(yè)面，必須使用preventDefault函數(shù)。要訪問(wèn)preventDefault函數(shù)，必須傳遞處理程序（甚至作為參數(shù)）或使用它來(lái)訪問(wèn)函數(shù)。

雖然兩個(gè)選項(xiàng)都有效，但提交處理程序更常見(jiàn)。但是，在某些情況下，您可能有多個(gè)Submit按鈕，這需要每個(gè)按鈕的單擊處理程序。清單3顯示了必須使用單擊處理程序的場(chǎng)景，因?yàn)閮蓚€(gè)Submit按鈕都可以觸發(fā)表單提交。

清單 3. 使用兩個(gè) submit 按鈕提交表單 Username Password

Extra options (registration only)

請(qǐng)注意，在此示例中，此表單可以執(zhí)行多個(gè)活動(dòng)：現(xiàn)有用戶可以登錄，新用戶可以通過(guò)輸入其他帳戶信息進(jìn)行注冊(cè)。在此方案中使用表單上的提交處理程序不起作用，因?yàn)樗鼰o(wú)法確定哪個(gè)按鈕觸發(fā)了表單提交。因此，清單4使用單擊處理程序來(lái)確定每個(gè)按鈕采取的操作，以便您以后可以處理數(shù)據(jù)。

清單 4. register.js 中提交按鈕的 Click 處理函數(shù)$(document).ready(function() { $("#register, #login").click(function(e) { var name = ($(event.target).attr('id') == 'register') ? 'Registration' : 'Login'; return e.preventDefault(); });});

文檔準(zhǔn)備就緒后，您需要為Register和Login按鈕分配一個(gè)單擊處理程序。 click處理程序獲取一個(gè)參數(shù)并將其命名為e（作為事件）。此事件對(duì)象稍后用于防止默認(rèn)表單提交。如前面的代碼所述。調(diào)用單擊處理程序時(shí)，將訪問(wèn)當(dāng)前單擊的對(duì)象的ID以確定這是用戶登錄還是新用戶注冊(cè)。