Jquery-元素值检查，然后向上滑动表单

我正在尝试修改我之前制作的表单。。。 它的特殊性在于，一旦第一种形式得到确认，就可以向上滑动另一种形式

现在我需要添加一个额外的函数来检查元素值， 在执行“确认”功能之前

这里是他的第一个函数的。。。 （如果不执行任何操作，请按“运行”）

现在我做了什么来完成我在额外功能中的尝试

// MY PROBLEM is in here
$(document).ready(function() {
$('.Confirm-UP').click(function(e) {
    var isValid = true;
    $('input[type="text"].required').each(function() {
        if ($.trim($(this).val()) == '') {
            isValid = false;
            $(this).css({
                "box-shadow": "0 0 7px #D11919"
            });
        }
        else {
            $(this).css({
                "box-shadow": ""
            });
        }
    });
    if (isValid == false) 
        e.preventDefault();

// Button Click Check Selectors
 if ($("#UsrAr")[0].selectedIndex <= 0) {
           isValid = false;
            $("#UsrAr").css({
                "box-shadow": "0 0 7px #D11919"
            });
        }
        else {
            $("#UsrAr").css({
                "box-shadow": ""
            });
        }
    });
    if (isValid == false) 
        e.preventDefault();
    else 
        $('.FORM2').animate({
      top: '-202px'
    }, 1000);
});
// Button Click send FORM to BACK
$(document).ready(function() {
  $('#Back').click(function() {
    $('.FORM2').animate({
      top: '0px'
    }, 1000);
  });
});

//我的问题就在这里
$（文档）.ready（函数（）{
$（'.Confirm UP'）。单击（函数（e）{
var isValid=true；
$（'input[type=“text”].required'）。每个（函数（）{
if（$.trim（$（this.val（））=''）{
isValid=false；
$（this.css）({
“长方体阴影”：“0 0 7px#D11919”
});
}
否则{
$（this.css）({
“框阴影”：”
});
}
});
if（isValid==false）
e、 预防默认值（）；
//按钮单击检查选择器
如果（$（“#UsrAr”）[0].selectedIndex您有一些右括号不合适，您有onclick=“Confirm（）”在您的html中，但没有确认函数。我从html中删除了onclick，并将右括号移到了它们所属的底部。我还注释掉了一个e.preventDefault，因为您已经在它所属的底部执行了它

检查小提琴中的注释：

$（文档）.ready（函数（）{
$（'.Confirm UP'）。单击（函数（e）{
console.log（“.confirm up clicked”）
var isValid=true；
$（'input[type=“text”].required'）。每个（函数（）{
if（$.trim（$（this.val（））=''）{
isValid=false；
$（this.css）({
“长方体阴影”：“0 0 7px#D11919”
});
}
否则{
$（this.css）({
“框阴影”：”
});
}
});
//注释掉这一点是因为您正在执行下面的e.preventDefault
//if（isValid==false）
//e.预防违约（）；
//按钮单击检查选择器
if（$（“#UsrAr”）[0].selectedIndex您的第一个FIDLE不起作用，因为您的javascript中没有“Confirm（）”函数。您有一个类为class=“sl5b UP”的单击处理程序，但html中没有该类。第二个FIDLE不起作用，因为您还有onclick=“Confirm（）；“但是你的javascript中没有confirm（）函数，因此会抛出一个错误。如果你检查javascript控制台，你会看到这些东西。这很奇怪，我已经检查并更新了小提琴…这真的很奇怪！！！！你是最好的…真的是最好的…这是一个非常快速的答案，谢谢
$(document).ready(function() {
    $('.Confirm-UP').click(function(e) {
        console.log(".confirm-up clicked")
        var isValid = true;
        $('input[type="text"].required').each(function() {
            if ($.trim($(this).val()) == '') {
                isValid = false;
                $(this).css({
                    "box-shadow": "0 0 7px #D11919"
                });
            }
            else {
                $(this).css({
                    "box-shadow": ""
                });
            }
        });


       // COMMENTED THIS OUT BECAUSE YOU"RE DOING THE e.preventDefault BELOW
       //if (isValid == false)     
       //    e.preventDefault();

// Button Click Check Selectors
     if ($("#UsrAr")[0].selectedIndex <= 0) {
               isValid = false;
                $("#UsrAr").css({
                    "box-shadow": "0 0 7px #D11919"
                });
            }
            else {
                $("#UsrAr").css({
                    "box-shadow": ""
                });
            }
       //}); COMMENTED OUT THESE SHOULD BE BELOW  
        if (isValid == false){
            e.preventDefault();
        }
        else {
            console.log('no errors found')
            $('.FORM2').animate({
              top: '-200px'
            }, 1000);
        }
    }); // THIS IS WHERE THE CLICK HANDLER SHOULD END
});