Question

$(document).ready(function(){
var current_fs, next_fs, previous_fs;
var left, opacity, scale;
var animating;
$(".next").click(function(){
    if(animating) return false;
    animating = true;
    current_fs = $(this).parent().parent();
    next_fs = $(this).parent().parent().next();
    $(".progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
    next_fs.show(); 
    current_fs.animate({opacity: 0}, {
        step: function(now, mx) {
            scale = 1 - (1 - now) * 0.2;
            left = (now * 50)+"%";
            opacity = 1 - now;
            current_fs.css({'transform': 'scale('+scale+')'});
            next_fs.css({'left': left, 'opacity': opacity});
        }, 
        duration: 800, 
        complete: function(){
            current_fs.hide();
            animating = false;
        }, 
        easing: 'easeInOutBack'
    });
});



bla bla bla
});

我有一个验证码

$(':text').each(function(){
        if(this.value.length==0){
            $(this).addClass('animated bounce')
               .one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
               $(this).removeClass()
            });
        }
    });

如何将此验证添加到下一个单击功能？当然，如果价值长度0下一步行动必须杀死。代码更为流行，提交bla bla bla一切正常，但我需要将此验证集成到下一个单击功能。

谢谢你的帮助。

Answer 1

我希望我能正确理解你的问题。将验证代码包含在函数中，并添加一个返回变量，如下所示。当您的任何文本都有空字符串时，此变量将设置为false。

function isValidText(){
    var isValid = true;
    $(':text').each(function(){
        if(this.value.length==0){
            isValid = false;
            $(this).addClass('animated bounce')
                   .one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
                $(this).removeClass()
            });
        }
    });
    return isValid;
}

然后在主代码中，将验证更改为：

$(".next").click(function(){
    if(animating || !isValidText()) return false;
    . . .

如何将此验证添加到表单中？

1 个答案: