提交按钮在Chrome浏览器，但不是Firefox或IE

我有一个提交按钮，似乎可以在Chrome中点击，但不是在FF或IE中。任何帮助，将不胜感激！我觉得按钮的格式不正确。提交按钮在Chrome浏览器，但不是Firefox或IE

<button> <img src="http://button_image.png" onclick="mySubmit();" ></button>

的JQ连接到mySubmit是：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

<script> 
function mySubmit(){ 
    var myForms = $("form"); 
    myForms.each(function(index) { 
     var form = myForms.eq(index); 
     var serializedForm = form.serialize(); 
     serializedForm += '&s_referer_fname='+$('#s_refererFname').val(); 
     $.post("http://post.aspx", serializedForm, function (data, status) { 
      if (status === "success"){ 
       window.location.href= "http:url.aspx?"; 
      } 
     }); 
    }); 
} 
</script>

来源

2016-12-20 badsmell

您的开发人员控制台有任何错误吗？ –

我们可以看到表格的其余部分： – happymacarts

它通常建议不要把任何JavaScript在你的HTML。尝试给你的按钮一个ID和使用

$('#yourid').on('click', function(e) { 
    e.preventDefault(); 
    .... your code 
});

在您的JavaScript。（并把你的脚本标记在你的HTML的最后）

来源

2016-12-20 16:46:31 wackozacko

在FF和IE中，似乎onclick事件被按钮捕获，而不是图像标记。

如果要触发事件，则跨浏览器将其分配给按钮。通过这种方式，它从浏览器中的图像传播出来，从图像中提升图像，而其他浏览器则立即在按钮上捕获图像。

<button onclick="mySubmit();"> <img src="http://button_image.png" ></button>

将在FF，IE浏览器和Chrome►https://jsfiddle.net/aspqwc3p/1/

来源

2016-12-20 16:46:58 Nope

这个答案解释了OP正在经历的场景 – happymacarts

是的。谢谢Wahl！我真的很感激快速的回应。经过测试和确认！ – badsmell

如果你想成为一个图像的提交按钮，你应该使用input标签与type="image"属性：

<input type="image" src="http://button_image.png" onclick="mySubmit();" />

请注意，在您的mySubmit功能中，您应该使用preventDefault()禁用默认行为：

function mySubmit() { 
    this.preventDefault();

来源

2016-12-20 16:48:02 Dekel

提交按钮在Chrome浏览器，但不是Firefox或IE

回答

相关问题