jQuery 点击按钮验证成功

jQuery 是一种 JavaScript 库，常用于简化 HTML 和 JavaScript 之间的操作。它可以让 Web 开发人员更快地编写 JavaScript 代码，并且可以轻松地在网站中添加交互性和动画效果。这里我们将介绍如何使用 jQuery 来验证用户在网页上的输入。

// HTML 代码
<input type="text" id="username" placeholder="请输入用户名">
<input type="password" id="password" placeholder="请输入密码">
<button id="login-btn">登录</button>

// jQuery 代码
$("#login-btn").click(function() {
  var username = $("#username").val();
  var password = $("#password").val();

  if (username == "" || password == "") {
    alert("用户名和密码不能为空！");
    return false;
  }

  alert("登录成功！");
});

以上代码中，我们首先通过 $ 符号来选择页面中的按钮（id 为 login-btn）并添加点击事件。在用户点击该按钮时，我们通过 jQuery 的 val() 方法来获取用户输入的用户名和密码。然后，我们使用 if 语句来判断用户名和密码是否为空。如果为空，弹出提示框并返回 false；否则，弹出登录成功的提示框。

在实际应用中，通过 jQuery 验证用户输入数据的方法可以大大提高网站的安全性和稳定性，同时也可以给用户带来更加良好的体验。