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

使用 JQUERY 進行表單提交

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

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

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

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

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

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

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

Extra options (registration only)

請注意，在此示例中，此表單可以執(zhí)行多個活動：現(xiàn)有用戶可以登錄，新用戶可以通過輸入其他帳戶信息進行注冊。在此方案中使用表單上的提交處理程序不起作用，因為它無法確定哪個按鈕觸發(fā)了表單提交。因此，清單4使用單擊處理程序來確定每個按鈕采取的操作，以便您以后可以處理數(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按鈕分配一個單擊處理程序。 click處理程序獲取一個參數(shù)并將其命名為e（作為事件）。此事件對象稍后用于防止默認(rèn)表單提交。如前面的代碼所述。調(diào)用單擊處理程序時，將訪問當(dāng)前單擊的對象的ID以確定這是用戶登錄還是新用戶注冊。