Javascript Jquery表单验证脚本问题

我只是在学习Jquery，在将验证函数添加到加载脚本时遇到了问题。当我将验证函数与加载脚本分开使用时，它不会出错

此小提琴将加载和验证功能分离，验证工作正常

这是我正在尝试的加载脚本，其中包含验证：

<script>
   var submit_hit = false;
   $(document).ready(function () {
      $('#iframe1').on('load', function () {
      $('#loader1').hide();

      if(submit_hit){
          $('#form_container').hide();
          $('#mydivhide1, #mydivhide2').show();
          $('body').css("background-image", "url(images/previewbg.jpg)");
      }
  });

  $('#form_710370').submit(function(e){
      $('#loader1').show();
          submit_hit = true;
          return true;
      });
});

</script> 

var submit_hit=false；
$（文档）.ready（函数（）{
$（'#iframe1'）。on（'load'，function（）{
$（'#loader1'）.hide（）；
如果（提交）{
$（'#form_container'）.hide（）；
$（'#mydivhide1，#mydivhide2'）。show（）；
$（'body'）.css（“背景图像”，“url（images/previewbg.jpg）”）；
}
});
$（'表格710370'）。提交（功能（e）{
$（'#loader1'）.show（）；
submit_hit=true；
返回true；
});
});

试试这个。您不需要为这两个其他事件准备文档就绪事件

var submit_hit = false;

$('#iframe1').on('load', function () {
   $('#loader1').hide();

   if (submit_hit) {
      $('#form_container').hide();
      $('#mydivhide1, #mydivhide2').show();
      $('body').css("background-image", "url(images/previewbg.jpg)");
   }
});

$('#form_710370').submit(function (e) {
   $('#loader1').show();
   submit_hit = true;
   return true;
});

$.validate();
$('#my-textarea').restrictLength($('#max-length-element'));

---

我刚刚试过，但问题是加载脚本启动加载动画，即使验证是错误的。所以我需要他们一起工作。你处理验证的方式是不正确的。参考