Jquery验证-> fadeIn textField是否特定-textField有效？

Question

我被一个很简单的问题困住了，

我有一个按这个顺序排列的表格：

• 电子邮件，
• pw1，
• pw2，
• 用户名(这是可选的)

整个表单都是用.validate()验证的，它工作得很棒，显示了很好的错误信息等等。

有一件事我无法做到:我希望用户名-textfield只有当电子邮件，-和pw 2的值是有效的时候才会出现。

我的用户名输入在div class="reguser“style=中显示:none；

我尝试了.valid()方法，例如：

if ($('#passwort').valid() && $('#passwort2').valid() && $('#email').valid()) {
    $('.reguser').show();
};

这一点都不起作用，所有字段都询问.valid()最初是否用错误消息高亮显示，如果它们通过放入有效值而变得有效，.reguser就不会出现

也试图捕获类有效，但我想我需要在一个事件上这样做，比如onfocusout之类的。

if ($('#passwort').hasClass('.valid') && $('#passwort2').hasClass('.valid') && $('#email').hasClass('.valid')) {
    $('.reguser').show();
};

有人给我个提示吗？我在因特网上搜索了好几个小时，却没有取得进展。

Answer 1

由于显示username字段需要所有必需的字段，所以可以检查整个表单是否有效：

$('#formId :input').on('blur', function(){
    if($('#formId').valid())
    {
        $('.reguser').show();
    }
});

您可以将blur更改为所需的事件。