Jquery验证 - ＆gt; fadeIn textField如果specific-textFields有效？

Question

我被困在一个非常简单的问题上，

我有一个表格顺序：

• 电子邮件，
• pw1，
• pw2，
• 用户名（可选）

整个表单使用.validate（）进行验证，它的工作非常棒，并且显示了很好的错误消息等。

我无法实现的一件事是：我希望用户名 - 文本字段仅在电子邮件，pw和pw2的值有效时显示

我有内部用户名输入a div class =“reguser”style =“display：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

由于需要显示用户名字段所需的所有字段，因此您可以检查整个表单是否有效：

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

您可以将blur更改为您想要的活动。