Salve,
ho questo script:
codice:
<script>
function DropDown2(){
if(document.info.professione.options[document.info.professione.selectedIndex].value=="altro"){
document.getElementById('altro').style.display = "block";
} else {
document.getElementById('altro').style.display = "none";
}
}
function load(){
document.getElementById('altro').style.display = "none";
}
window.onload = load
</script>
<select name="professione" size="1" placeholder="Seleziona la tua professione" required oninvalid="this.setCustomValidity('Seleziona la tua professione')" onchange="DropDown2();">
<option value=""id="professione" selected>Seleziona la tua professione</option>
<option value="dottore commercialista">Dottore commercialista</option>
<option value="altro">Altro specificare</option>
</select><br><br>
<div id="altro"><input type="text" id="altro" name="altro" size="70" placeholder="Altro" required oninvalid="this.setCustomValidity('Indicare Altro')" onchange="this.setCustomValidity('')" value=""><br></div>
Il campo ALTRO è visibile se selezionato altro dalla select, fino a qui tutto ok, solo che anche se non seleziono nessuna voce della select quindi il campo altro non è visibile ai fini dell'invio del form è come se non fosse vuoto perchè obbligatorio.
Come posso ovviare?
Grazie