Function 如何将此验证添加到表单?
我有一个验证码Function 如何将此验证添加到表单?,function,validation,next,Function,Validation,Next,我有一个验证码 $(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(); ne
$(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
});
如何将此验证添加到下一次单击功能?当然,如果值长度为0,则下一个操作必须是kill。代码更高级,提交bla bla bla bla一切正常,但我只需要将此验证集成到下一个单击功能
谢谢你的帮助 我希望我正确理解了你的问题。将验证代码封装到函数中,并添加一个返回变量,如下所示。当:文本中的任何一个为空字符串时,此变量将设置为false
$(':text').each(function(){
if(this.value.length==0){
$(this).addClass('animated bounce')
.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
$(this).removeClass()
});
}
});
然后在主代码中,将验证更改为:
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时为下一个操作添加一个验证,如果输入长度0没有转到next@ochiboy谢谢,这就是我在编写此代码时的想法。如果isValidText返回false,它将被解释为true,并且行If(动画| | |!isValidText())返回false;将立即返回false,并且不会运行click函数。
$(".next").click(function(){
if(animating || !isValidText()) return false;
. . .