jQuery Form Errors

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!'); 
    } 
});