2016-11-14 204 views
0

我的網頁使用1000頁的html頁面,其頁眉和頁腳都保存在單個Javascript文件中。如何在javascript中添加Onsubmit()功能

問題是,如果從我的網頁打開任何新鏈接,新打開的頁面將自動刷新。

在我的HTML文件中添加onSubmit="return false"將解決此問題。但不可能在1000年的HTML文件中添加相同的內容。

請讓我知道有沒有什麼辦法可以控制這個自動刷新問題,並在我的Javascript文件中全局添加此功能?

+1

更好地在這裏把你的代碼,所以我們可以看到,如果在那裏有問題,從 –

+0

來得那麼所有頁面都導入爲單一的JavaScript文件?您可以在該js文件中覆蓋所有表單的onSubmit –

+0

您描述的行爲沒有意義。在您的網頁上運行的Javascript代碼不會影響您鏈接到的其他網頁的行爲。 – duskwuff

回答

0

您可以首先在頁面中找到所有表單。使用以下代碼&使用jQuery動態添加提交事件。

您可以將此代碼放入您的常用JavaScript文件中。

$(document).ready(function(){ 
 
    $("form").each(function() { 
 
    $(this).attr("onsubmit", "return false"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="a.php" method="post" id="form1"> 
 
    <input type="text" name="name1"> 
 
    <input type="submit" name="submit1"> 
 
</form> 
 

 
<form action="b.php" method="post" id="form2"> 
 
    <input type="text" name="name2"> 
 
    <input type="submit" name="submit2"> 
 
</form>

+0

感謝您的澄清。如果你不介意可以請你詳細說明。我無法理解你的答案完整 – Akshe

+0

你能解釋一下嗎? 「在我的HTML文件中添加onSubmit =」return false「將解決這個問題。」..這裏onsubmit你添加? –

0

試試這個:

window.onload = function() { 
    var form = document.getElementById('hosted_payment_form'); 
    form.onsubmit = function() { 
     _gaq.push(['_linkByPost', this]); 
    } 
}