javascript - jQuery 表单错误

Question

我有一个简单的表单，并不具有功能性，它只是用于原型(prototype)。这是 HTML:

<form class="signup">
  <div class="group">
    <div class="row">
      <label>Username</label>
      <input type="text">
    </div>
    <div class="row">
      <label>Password</label>
      <input type="password">
    </div>
  </div>

  <input type="submit" value="Sign In">
</form>

我需要它，这样如果用户要在用户名和密码中输入一些数据(虚拟数据)并单击“提交”，它会显示一个 JavaScript 警报，提示“已登录”，并且如果其中一个输入没有登录不包含任何数据，我希望它显示一个 JavaScript 警报，指出“错误”。

我想使用 jQuery，这是我目前所拥有的:

$('.signup').submit(function () {
  if($(this).valid()) {
    alert('Logged in');
  }else {
    alert('Error!');
  }
});

有什么原因导致它不起作用吗？

Answer 1

您似乎正在尝试使用 jQuery validation plugin 。确保您也将其包含在您的页面中，因为 valid() 不是 jQuery 中包含的函数。