Disable submit functionality for all forms on a HTML page

前端 未结 8 1478
轻奢々
轻奢々 2021-01-02 00:04

Using the .NET Windows Forms WebBrowser control to show the preview of a page, I\'m using the following approach described in this SO posting to disable all links on the pag

8条回答
  •  伪装坚强ぢ
    2021-01-02 00:52

    Use event delegation to prevent all form within the body to be submitted.

    $("body").on("submit", "form", function( event ){
        event.preventDefault();
    });
    

    By the way, your Javascript code to disable all links on the page is not a good way to do. You could use instead something like

    // use "bind" instead of "on" if you use a jQuery version prior to 1.7
    $("a").on( "click", function( ev ) {
        ev.preventDefault();
    });
    
    // or use event delegation
    $("body").on( "click", "a", function( ev ) {
        ev.preventDefault();
    });
    
    // the power of event delegation in action:
    // disable BOTH links and form with one event handler
    $("body").on( "click", "a, form", function( ev ) {
        ev.preventDefault();
    });
    

    Here is a working demo http://jsfiddle.net/pomeh/TUGAa/

提交回复
热议问题