覆盖后jquery表单提交事件不起作用

时间:2013-11-04 08:37:28

标签: jquery popup modal-dialog overlay

我正在努力摆脱"失速"表单提交事件通过插入模态覆盖。如果用户关闭此叠加层,则表单提交应继续。

当提交表单并且模式叠加层上的关闭回调被触发时,叠加层正在形成,但我无法让表单继续提交或重新提交。

我已尝试过从preventDefault到return的许多选项,但似乎没有任何效果。逻辑流程似乎是恰当的。

var $form = $('form[name="myForm"]');
$form.submit(function(evt){
    $('#notify').popup({ 
      'autoopen': true, 
      onClose: function(myModal){ 
          if ($('#myCheckbox').is(':checked')) {
              console.log('checked');
          } else {
              console.log('not checked');
          }
        $form.submit();
        return true;    
      } 
    });
    return false;    
});

http://jsfiddle.net/aSvsL/9/

1 个答案:

答案 0 :(得分:0)

试试这个:

$(function(){
    var $form = $('form[name="myForm"]');
    $form.submit(function(evt){
        $('#notify').popup({ 
          'autoopen': true, 
          onClose: function(myModal){ 
              if ($('#myCheckbox').is(':checked')) {
                  console.log('checked');
              } else {
                  console.log('not checked');
              }
            $form.addClass('processed').submit();
            return true;    
          } 
        });
        return $form.hasClass('processed');    
    });
});