2016-12-20 149 views
2

我有一個提交按鈕,似乎可以在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> 
+5

您的開發人員控制檯有任何錯誤嗎? –

+0

我們可以看到表格的其餘部分: – happymacarts

+1

'

回答

0

它通常建議不要把任何JavaScript在你的HTML。嘗試給你的按鈕一個ID和使用

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

在您的JavaScript。 (並把你的腳本標記在你的HTML的最後)

4

在FF和IE中,似乎onclick事件被按鈕捕獲,而不是圖像標記。

如果要觸發事件,則跨瀏覽器將其分配給按鈕。 通過這種方式,它從瀏覽器中的圖像傳播出來,從圖像中提升圖像,而其他瀏覽器則立即在按鈕上捕獲圖像。

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

將在FF,IE瀏覽器和Chrome►https://jsfiddle.net/aspqwc3p/1/

+0

這個答案解釋了OP正在經歷的場景 – happymacarts

+0

是的。謝謝Wahl!我真的很感激快速的迴應。經過測試和確認! – badsmell

1

如果你想成爲一個圖像的提交按鈕,你應該使用input標籤與type="image"屬性:

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

請注意,在您的mySubmit功能中,您應該使用preventDefault()禁用默認行爲:

function mySubmit() { 
    this.preventDefault(); 
相關問題