如何在JavaScript中添加Onsubmit（）功能

Question

My Webpage using 1000s of the html page and its header and footers are maintained in single Javascript file.

An issue is, if any new link is opened from my web page the newly opened page is auto-refreshing.

Adding onSubmit="return false" in my HTML files will solve the issue. But It's not possible to add the same in 1000s of HTML files.

please let me know is there any way by which I can control this auto refreshing issue and add this functionality globally once in my Javascript file?

Answer 1

You can first of all find all form in page. Using following code & add onsubmit event dynamically using jQuery.

You can put this code in your common javascript file.

 $(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> 

Answer 2

Try this:

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