Salve,
utilizzo questo script per controllo form:
codice:
<SCRIPT Language="Javascript">
<!--
function controllo(){
with(document.MyForm) {
if(testo.value=="") {
alert("Errore: Il campo TESTO non può essere vuoto");
testo.focus();
return false;
}
if(files.value=="") {
alert("Errore: Non è stata selezionata l'immagine da caricare");
files.focus();
return false;
}
}
return true;
}
// -->
</SCRIPT>
Nella stessa pagina:
Utilizzo questo script:
codice:
<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
        $('#loading').hide(); // la pagina viene caricata con il div id 'loading' nascosto
        $('#bottoneinvia').click(function() { // al click sul bottone applica la segunete funzione
        $('#bottoneinvia').hide(); // nasconde il bottone invia
        $('#loading').show(); // visualizza il div 'loading'
        $('#form').submit(); // elabora il form
    });
});
// ]]></script>
Ecco il form
codice:
<form id="form" name="MyForm" method="POST" enctype="multipart/form-data" action="elaboraform.asp" onsubmit="return controllo();">
<textarea rows="6" name="testo" cols="97"></textarea>
<input type="file" id="files" name="files" accept="image/*" size="68"/>
<input type="submit" value="Modifica" id="button" name="b1">
</form>
<div id="loading">
<h3 align="center"><font id="fontab">Attendere...Aggiornamento in corso</font></h3>
<p align="center">
<img src="images/loading1.gif" alt="" width="250" height="250" /></div>
Succede che se non carico il file nel campo upload ho l'avviso corretto del controllo form ma parte anche il div loading con il messaggio ATTENDERE etc.
Ora come posso farli coesistere insieme?
Grazie
G.