Eseguire funzione una sola volta

[blinkshow87]

Salve a tutti,
come da titolo ho una funzione che forrei si verificasse una sola volta ma non so come fare, ecco il codice html che la richiama:

<form action="search.php" method="POST" onsubmit="return controlSearch()">
    <input type="submit" value="cerca" />
</form>

ed ecco la funzione:

function controlSearch () {            
    if (document.getElementById('input').value == "") {              
         $("#div").append("<span>Prova</span>");              
         $("#control").animate({marginTop:'-2.8%'}, 400);
         return false;      
    }}

Questa funzione si verifica ogni volta che clicco il submit all'interno del form, solo che se riclicco si sovrappone alla precedente.

Spero in aiuto, grazie a tutti e una Buona serata!!

[cavicchiandrea]

Prova cosi:

<form action="search.php" method="POST" onsubmit="return controlSearch()">
    <input type="submit" id="tastocerca" value="cerca" />
</form>

function controlSearch () {            
    if (document.getElementById('input').value == "") {
$("#tastocerca").attr("disabled","disabled");          
         $("#div").append("<span>Prova</span>");              
         $("#control").animate({marginTop:'-2.8%'}, 400);
         return false;
}else{
      $("#tastocerca").removeAttr("disabled");
}
    }}

[blinkshow87]

Grazie della risposta, ma purtroppo mi sono spiegato male.

Il tuo codice è perfetto, ma a me serve una funzione che dopo 2 secodi sia di nuovo disponibile.

[cavicchiandrea]

Nel if aggiungigli un setTimeout che riabilita

$("#tastocerca").attr("disabled","disabled");
setTimeout(function(){
$("#tastocerca").removeAttr("disabled");
},2000)

[blinkshow87]

Giusto!!! setTimeout!!!!

Grazie mille per il tuo aiuto, ti auguro un buon fine settimana!!!!