Question

如何通过验证向我的联系表单中添加淡入淡出动画？我不想使用CSS过渡。我只是不确定将fadeIn放在下面的代码中：

$('#message').focusout(function() {
    if (!$(this).val())
        $(this).addClass('error').parent().find('mark').removeClass('valid').addClass('error');
    else
        $(this).removeClass('error').parent().find('mark').removeClass('error').addClass('valid');
});

Answer 1

假设您希望实现淡入淡出动画，验证输入字段，还需要验证用户何时移出焦点

你的方法是正确的

您可以在此fadein fadeout on add or remove class

关注此SO帖子

我测试了你在评论中发布的Jsfiddle，焦点在这种情况下无法工作，你必须使用onblur

并且你也不能在这里使用jquery addclsss你必须使用JqueryUI addClass和removeClass API来在更改类时实现动画

当然有一些hacks使用你可以用Jquery UI实现这个，但这仍然是经过测试的方法，很容易实现。

在JS中添加幻灯片动画

1 个答案: