使用JQUERY

的用户身份验证和注册技术 如果您不熟悉jQuery，它本质上是一个JavaScript库，可以轻松开发JavaScript。它最大限度地减少了所需的代码量，因为它具有许多内置功能，因此您不再需要为这些功能编写客户端功能或对象。有关更多信息和下载jQuery库的链接，请参阅参考资料;或者，正如您在所有代码示例中所看到的，您可以直接嵌入当前版本的jQuery库。

使用 JQUERY 进行表单提交

在许多情况下，提交没有重载的表单很有用。例如，使用它，您可以在提交表单以在单页应用程序中提交表单之前使用JavaScript代码验证表单字段，或者 - 如本文所示 - 确定用户名是否已经注册。有两种方法可以使用jQuery触发表单提交：使用提交处理程序或单击处理程序。清单1显示了如何使用提交处理程序提交表单。

清单 1. 使用 jQuery 的 submit 处理函数提交表单

清单2显示了如何使用单击处理程序提交表单。

清单 2. 使用 jQuery 的 click 处理函数提交表单

这两个列表基本相同：它们都嵌入在jQuery库中，使用ready处理程序在访问任何元素之前确认页面已加载，并且处理程序包含相同的代码。唯一的区别是处理程序和分配给处理程序的元素。提交处理程序需要分配表单元素和单击处理程序，任何可单击元素 - 在本例中为Submit按钮。为了避免在提交表单时刷新页面，必须使用preventDefault函数。要访问preventDefault函数，必须传递处理程序（甚至作为参数）或使用它来访问函数。

虽然两个选项都有效，但提交处理程序更常见。但是，在某些情况下，您可能有多个Submit按钮，这需要每个按钮的单击处理程序。清单3显示了必须使用单击处理程序的场景，因为两个Submit按钮都可以触发表单提交。

清单 3. 使用两个 submit 按钮提交表单 Username Password

Extra options (registration only)

请注意，在此示例中，此表单可以执行多个活动：现有用户可以登录，新用户可以通过输入其他帐户信息进行注册。在此方案中使用表单上的提交处理程序不起作用，因为它无法确定哪个按钮触发了表单提交。因此，清单4使用单击处理程序来确定每个按钮采取的操作，以便您以后可以处理数据。

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

文档准备就绪后，您需要为Register和Login按钮分配一个单击处理程序。 click处理程序获取一个参数并将其命名为e（作为事件）。此事件对象稍后用于防止默认表单提交。如前面的代码所述。调用单击处理程序时，将访问当前单击的对象的ID以确定这是用户登录还是新用户注册。