javascript - jQuery 表单错误

Question

我有一个简单的形式，它并不意味着功能，它只是一个原型。这是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 验证插件。确保你也在你的页面上包含了它，因为valid()它不是 jQuery 包含的函数。

Answer 2

以下应该适用于您的最新问题：

$('.signup').submit(function () {
    if( $('input[type="text"]').val()!='' && $('input[type="password"]').val()!='' ) {
        alert('Logged in');
    }
    else {
        alert('Error!');
    }
});