Kuinka usein olet seurannut vierestä kun joku surffaa webissä kaksoisklikkaamalla jokaikistä linkkiä ja nappia? Yleensä siitä ei ole harmia, mutta joskus voi tapahtua kummia, jos esimerkiksi HTML-lomakkeen “submittaa” kahdesti. Tuplaklikkaus on helppo estää jQueryllä.

$(function(){
    $('form').submit(function(){
        $('input[type=submit]', this).attr('disabled', 'disabled');
    });
});

Lyhyesti sanottuna koodi disabloi submit-painikkeen kun lomake lähetetään. Eli heti ensimmäisen klikin jälkeen submit disabloidaan, eikä sitä voi erehdyksissä klikata toista kertaa.

Voit sijoittaa koodin esimerkiksi headissa tai bodyn lopussa ladattavaan JavaScript-tiedostoon. Koodi vaikuttaa automaattisesti jokaiseen sivulla olevaan lomakkeeseen.