Jquery表单验证脚本问题

Jquery Form Validation Script Issue

本文关键字:问题 脚本 验证 表单 Jquery      更新时间:2024-01-14

我只是在学习Jquery,当我将其添加到加载脚本时,验证函数出现了问题。当我将验证函数与加载脚本分开使用时,它可以正常工作。

这个fiddle将加载和验证函数分开,并且验证工作http://jsfiddle.net/mikeef74/gzSDH/14/

这是我试图在其中进行验证的加载脚本:

<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;
$('#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'));