HTML使用JQ库和Cooke实现注册登录

好的，下面我将为你介绍如何使用jQuery和Cookie来实现注册和登录功能。

1. 注册表单

首先，我们需要在HTML中创建一个注册表单。代码如下：

<form id="register-form">
   <label for="username">用户名：</label>
   <input type="text" id="username" name="username" required>
   <br>
   <label for="password">密码：</label>
   <input type="password" id="password" name="password" required>
   <br>
   <button type="submit">注册</button>
</form>

2. 注册事件

当用户填写完注册表单后，我们需要通过jQuery来获取表单数据并将其保存在Cookie中。代码如下：

$('#register-form').submit(function(e) {
   e.preventDefault(); // 防止表单默认提交
   var username = $('#username').val();
   var password = $('#password').val();
   // 将用户名和密码保存在Cookie中
   $.cookie('username', username);
   $.cookie('password', password);
   alert('注册成功！');
});

3. 登录表单

接下来，我们需要创建一个登录表单，让用户输入用户名和密码。代码如下：

<form id="login-form">
   <label for="username">用户名：</label>
   <input type="text" id="username" name="username" required>
   <br>
   <label for="password">密码：</label>
   <input type="password" id="password" name="password" required>
   <br>
   <button type="submit">登录</button>
</form>

4. 登录事件

当用户提交登录表单后，我们需要通过jQuery来获取表单数据并与保存在Cookie中的用户名和密码进行比对。如果匹配成功，则登录成功，否则登录失败。代码如下：

$('#login-form').submit(function(e) {
   e.preventDefault(); // 防止表单默认提交
   var username = $('#username').val();
   var password = $('#password').val();
   // 获取Cookie中保存的用户名和密码
   var savedUsername = $.cookie('username');
   var savedPassword = $.cookie('password');
   // 比对用户名和密码
   if (savedUsername === username && savedPassword === password) {
      alert('登录成功！');
   } else {
      alert('用户名或密码错误！');
   }
});

以上就是使用jQuery和Cookie实现注册登录功能的全部代码。注意，在使用Cookie时，需要先引入jQuery和jquery.cookie.js文件。