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 validation plugin。请确保您在页面中也包含该内容，因为valid()不是jQuery中包含的函数。

Answer 2

以下内容适用于您的最新问题：

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

jQuery表单错误

2 个答案: