提交按鈕在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

回答

相關問題