event.preventDefault？ event.preventDefault（）：event.returnValue = false;不在IE8中工作

Question

即使有preventdefault和returnvalue = false，表单仍然会在IE中提交。 Chrome和Firefox中的一切都很好。我也试过event.stopPropagation()。

$('#form1').submit(function(event) { 
    var xxx = $('#xxx').val(); 
    var yyy = $('#yyy').val(); 
    var zzz = $('#zzz').val(); 
    var uuu = $('#uuu').val(); 
    if (zzz != '000000' && zzz != '') { 
     validate_xxxyyy(uuu, function(response) { 
      if (response === false) { 
       if (xxx == '') { 
        alert("XXX undefined!"); 
        event.preventDefault ? event.preventDefault() : event.returnValue = false; 
       } 
       else if (yyy == '') { 
        alert("yyy Undefined!"); 
        event.preventDefault ? event.preventDefault() : event.returnValue = false; 
       } 
      } 
      else { 
       return true; 
      } 
     }); 
    } 
    else { 
     return true; 
    } 
}); 

function validate_xxxyyy(uuu, callback) { 
    var data_string = 'uuu=' + uuu; 
    $.ajax({ 
     url: 'ajax.php', 
     type:'POST', 
     data: data_string, 
     dataType: 'json', 
     cache: false, 
     async: false, 
     success: function(response){ 
      callback(response); 
     } 
    }); 
} 

Answer 1

你的问题是关于deffered functions。在

你的成功的功能：

$.ajax({ 
     url: 'ajax.php', 
     type:'POST', 
     data: data_string, 
     dataType: 'json', 
     cache: false, 
     async: false, 
     success: function(response){ 
      callback(response); 
     } 
    }); 

是defferred。把它看作是线程的。所以submit继续而不等待回调发生。所以它不叫event.preventDefault()，或者更精确地说，它确实但已经太晚了，提交已经返回。

我会改变什么是从提交按钮（我猜它是目前）调用这个到一个正常的按钮然后验证它，然后只提交表单，如果此验证成功使用$('form').submit();。

$('#button').click(function(event) { 
    var xxx = $('#xxx').val(); 
    var yyy = $('#yyy').val(); 
    var zzz = $('#zzz').val(); 
    var uuu = $('#uuu').val(); 
    if (zzz != '000000' && zzz != '') { 
     validate_xxxyyy(uuu, function(response) { 
      if (response === false) { 
       if (xxx == '') { 
        alert("XXX undefined!"); 

       } 
       else if (yyy == '') { 
        alert("yyy Undefined!"); 

       } 
      } 
      else { 
       $('#form1').submit(); 
      } 
     }); 
    } 
    else { 
     $('#form1').submit(); 
    } 
}); 

function validate_xxxyyy(uuu, callback) { 
    var data_string = 'uuu=' + uuu; 
    $.ajax({ 
     url: 'ajax.php', 
     type:'POST', 
     data: data_string, 
     dataType: 'json', 
     cache: false, 
     async: false, 
     success: function(response){ 
      callback(response); 
     } 
    }); 
} 

Answer 2

地说：event.preventDefault（）第一，如：

$('#form1').submit(function(event) { 
    event.preventDefault(); 
    var xxx = $('#xxx').val(); 
    var yyy = $('#yyy').val(); 
    ... 

或者你需要重写形式onsubmit事件，防止提交：

Answer 3

开始通过防止从形式提交，做ajax调用异步验证，并且如果它验证您使用未由事件处理程序捕获的本机提交进行提交：

$('#form1').on('submit', function(event) { 
    event.preventDefault(); 
    var self = this, 
     xxx = $('#xxx').val(), 
     yyy = $('#yyy').val(), 
     zzz = $('#zzz').val(), 
     uuu = $('#uuu').val(); 

    if (zzz != '000000' && zzz != '') { 
     validate_xxxyyy(uuu).done(function(response) { 
      if (!response) { 
       if (xxx == '') { 
        alert("XXX undefined!"); 
       } 
       else if (yyy == '') { 
        alert("yyy Undefined!"); 
       } 
      } 
      else { 
       self.submit(); 
      } 
     }); 
    } else { 
     self.submit(); 
    } 
}); 

function validate_xxxyyy(uuu) { 
    var data_string = 'uuu=' + uuu; 
    return $.ajax({ 
     url: 'ajax.php', 
     type:'POST', 
     data: data_string, 
     dataType: 'json', 
     cache: false 
    }); 
} 

Answer 4

$('#form1').submit(function(event) { 
    var xxx = $('#xxx').val(); 
    var yyy = $('#yyy').val(); 
    var zzz = $('#zzz').val(); 
    var uuu = $('#uuu').val(); 
    if (zzz != '000000' && zzz != '') { 
     validate_xxxyyy(uuu, function(response) { 
      if (!response) { 
       if (xxx == '') { 
        alert("XXX undefined!"); 
        event.preventDefault ? event.preventDefault() : event.returnValue = false; 
       } 
       else if (yyy == '') { 
        alert("yyy Undefined!"); 
        event.preventDefault ? event.preventDefault() : event.returnValue = false; 
       } 
      } 
      else { 
       return true; 
      } 
     }); 
    } 
    else { 
     return true; 
    } 
});