selezione file obbligatoria

**naverit** · 23-04-2020, 10:09

con il seguente form carico un file sul server...

come posso rendere obbligatorio la selezione di un file .... prima di cliccare su "Carica" ?

codice:

<html>
<head>
    <title>UPLOAD FILE</title>
    <script language="javascript">
function invia(){
var immagine=document.forms.uplo.immagine.value;
var ultimo=document.forms.uplo.ultimo_id.value;
var idCat=document.forms.uplo.idCat.value;
  //alert(immagine);
  //alert(ultimo);
     var stringa='upload2.asp'+'?ultimo='+ultimo+'&immagine='+immagine+'&idCat='+idCat; 
  document.forms.uplo.action=stringa;
  document.forms.uplo.submit();
}
</script>
</head>
<body>


<table width="" border="0" width="" cellpadding="0" align="">
  <tr>
    <td height="0" bgcolor="white" align="center"> 


<FORM METHOD="Post" enctype="multipart/form-data" ACTION="" id="uplo" name="uplo">
<input type="hidden" name="immagine" id="immagine" value="<%=img%>"/>
<input type="hidden" name="ultimo_id" id="ultimo_id" value="<%=ultimo_id%>" />
<input type="hidden" name="idCat" id="idCat" value="<%=idCat%>"/>
<INPUT TYPE="file" NAME="Campo1">
<br /><br /><INPUT TYPE="button" NAME="Enter" onClick="invia();this.value='ATTENDERE...';" value="Carica">
</FORM>
      
    </td>
  </tr>
</table>


</body>
</html>

**naverit** · 23-04-2020, 10:12

carica.png
in pratica vorrei che se non seleziono prima il file ... non posso cliccare su Carica ... per evitare errori :-)

**M4V1** · 23-04-2020, 11:41

Dovrebbe bastare mettere l'attributo required al tag input del file.

**KillerWorm** · 23-04-2020, 15:54

Originariamente inviata da M4V1

Dovrebbe bastare mettere l'attributo required al tag input del file.

Questo è vero solo quando l'azione del submit avviene normalmente attraverso un pulsante di tipo submit. In questo caso il pulsante "Carica" è di tipo button e va a forzare il submit attraverso la funzione richiamata dall'onclick, per cui impostare il solo required non funzionerà.

Per poter far funzionare il required bisognerebbe fare degli ulteriori controlli dentro la funzione invia().

In alternativa si potrebbe semplicemente rendere disabilitato il submit finché non sia selezionato il file. Puoi quindi impostare l'attributo disabled sul relativo pulsante e usare l'evento onchange sull'input file per riabilitarlo.

Una cosa del genere:

codice:

<input type="file" name="Campo1" onchange="document.getElementById('btn_carica').disabled = false;">
<input type="button" id="btn_carica" name="Enter" onClick="invia();this.value='ATTENDERE...';" value="Carica" disabled>

Resta sottinteso che i dovuti controlli, di tutti i dati inviati da un form, generalmente vanno fatti anche lato server.

**M4V1** · 23-04-2020, 16:13

Hai ragione, non mi ero mica accorto che il pulsante non era un submit.

Discussione: selezione file obbligatoria

Strumenti discussione

Ricerca discussione

Visualizza

selezione file obbligatoria

Permessi di invio