javascript - 在 Firefox 中捕获提交有效，但在 Chrome 中无效

Question

我用它来捕捉提交按钮的按下情况，验证所有内容，然后停止它或让它通过，这在 Firefox 中有效，但在 Chrome 中不起作用，Chrome 让表单通过空。我还有一个重置功能，可以在 Chrome 中使用，但在 Firefox 中可以使用。我对 js 和 jquery 是全新的，需要一些帮助来解决这个问题，因为在一个浏览器中工作而不在另一个浏览器中工作的东西让我感到困惑:)

(很抱歉我的测试警报仍然存在)

代码如下:

$("form").submit(function(e){
if (e.originalEvent.explicitOriginalTarget.id=="btn") {

if (bizNameValid==false || bizWebValid==false || bizStreetValid==false || bizCityValid==false || bizStateValid==false || bizZipValid==false || bizPhoneValid==false || firstValid==false || lastValid==false || custStreetValid==false || custCityValid==false || custStateValid==false || custZipValid==false || custPhoneValid==false || custEmailValid==false || monValid==false || yearValid==false || typeValid==false || ccValid==false) {
alert("bizNameValid:" + bizNameValid+"\n bizWebValid:"+bizWebValid+"\n bizStreetValid"+bizStreetValid +"\n bizCityValid: "+bizCityValid+ "\n bizStateValid:"+bizStateValid+"\n bizZipValid: "+bizZipValid+"\n bizPhoneValid:"+bizPhoneValid+"\n firstValid:"+firstValid+"\n lastValid:"+lastValid+"\n custStreetValid:"+custStreetValid+"\ncustCityValid"+custCityValid+"\n custStateValid"+custStateValid+"\n custZipValid:"+custZipValid+"\n custPhoneValid"+custPhoneValid+"\n custEmailValid:"+custEmailValid+"\n monValid:"+monValid+"\n yearValid:"+yearValid +"\n ccValid:"+ccValid+" \nccType:"+typeValid);
e.preventDefault();
return false;

}
else if(total==0) {
$("#svc_desc").append("</br><label id='first_error' style='font-size:16pt;'>You must select a service to continue</label>");
alert("You must select a service to continue");
e.preventDefault();
return false;
}
else {
return true;
}
}
});

Answer 1

尝试

$("form").submit(function(e){
    var target = e.originalEvent || e.originalTarget;

    if($(target.srcElement || target.originalTarget).attr('id')=="btn"){

    }
    //rest of  your code 


});

引用:https://stackoverflow.com/a/8067990/1679410