Ciao a tutti,
dovrei risolvere questo problema della seguente form:
codice HTML:
<form data-toggle="validator" class="form-horizontal" role="form" id="form1" method="POST" action="form1.php">
<fieldset>
<div class="form-group">
<label for="tipo" class="col-sm-2 control-label"><span class="required">tipo *:</span></label>
<div class="col-sm-4">
<select id="tipo" name="tipo" class="form-control" required>
<option value="">scegli un opzione..</option>
<option value="1">opzione1</option>
<option value="2">opzione2</option>
</select>
</div>
</div>
<div class="form-group spento">
<label for="descrizione1" class="col-sm-2 control-label"><span class="required">descrizione1 *:</span></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="descrizione1" name="descrizione1" minlength="3" maxlength="250" autocomplete="off" required />
</div>
</div>
<div class="form-group spento">
<label for="descrizione2" class="col-sm-2 control-label">descrizione2:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="descrizione2" name="descrizione2" minlength="3" maxlength="250" autocomplete="off" />
</div>
</div>
<div class="form-group spento">
<label for="submit" class="col-sm-2 control-label"></label>
<div class="col-sm-10">
<input type="submit" class="form-control" id="submit" name="submit" value="INVIA FORM" />
</div>
</div>
</fieldset>
</form>
i 2 input text sono nascosti tramite css (display:none)
a seconda della scelta nella select, tramite javascript, mostro un input text piuttosto che l'altro.
Ho però il problema, che, "descrizione1" è "required" e se non lo compilo (in quanto ho scelto opzione2), la form non mi viene inviata.
Come posso risolvere?
E' una questione di css o di javascript?!