Javascript 根据是否提交，应用表单以显示和隐藏元素

为冗长的标题道歉

我需要一个表单来根据不同的结果显示和隐藏元素

因此，首先，我希望表单在被检查时消失，并替换为当前正在工作的gif加载图标

如果表单发送，我希望它显示一个隐藏的div元素，最后如果表单不发送，我希望它显示另一个div元素，这就是错误消息

   function applySubmit() {
    $("#ApplicationForm").hide();
    $("#ProgressBar").show();
    $("#applyForm").ajaxSubmit( {
    url: $("#applyForm").attr("action"),
    type: "POST",
    success: function (data) {
    $("#messageBox").html(data);
    $("#ProgressBar").hide();
    $("#success").show();
    }
    });
    return false;
    }

目前一切正常，但它在页脚下克隆了整个页面，只显示progressbar

如果我能提供更多的信息来帮助我，请让我知道！ 谢谢你的帮助

我做了一把小提琴，但似乎不在那里演奏

---

下面是代码的工作部分

试试这个

  $('form').on('submit',function(){
   if ($('form').valid()){
    $("#success").show();
   }
   else{
    $('#errors').show();
   }
  });

---

首先，您的div ID是区分大小写的，首先更改所有ID以匹配jquery您是否用正确的代码更新了问题？谢谢，我知道我忘了一些东西：l@user3341371 ;-

  $('form').on('submit',function(){
   if ($('form').valid()){
    $("#success").show();
   }
   else{
    $('#errors').show();
   }
  });