Jquery表单验证脚本问题

时间:2013-12-01 06:42:24

标签: javascript jquery validation jsfiddle

我正在学习Jquery,当我将它添加到加载脚本时,我遇到了验证功能的问题。当我与加载脚本分开使用验证功能时,它可以正常工作。

这个小提琴将加载和验证功能分开,验证起作用 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> 

1 个答案:

答案 0 :(得分:0)

试试这个。您没有为这两个其他活动填写文档就绪事件。

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'));