rendere un campo required
Buongiorno a Tutti,
Sono qui per chiedere una invo
io ho uno script che, se in un campo select è selezionata una determinata voce fa apparire un DIV contenente dei campi di input che in alternativa sono hiddenizzati.
Ho la necessità di modificare questo script affiche renda required tutti questi campi input tranne il campo note_partner, ma solo se appunto il div è visualizzato, ma non ho la più pallida idea di come poter fare...mi riuscite ad aiutare?
Grazie
Vi riposto di seguito il mio codice
Codice HTML:
<div class="control-group">
<label class="control-label" for="basicinput">Partner presente?</label>
<div class="controls">
<script language="javascript">
function partnerpresente(obj, a){
var e=document.getElementById(a);
if(obj=="Si"){
e.style.display="";
}else{
e.style.display="none";
}
}
</script>
<select tabindex="1" data-placeholder="Select here.." class="span8" name="partner_presente" id="partner_presente" onchange="partnerpresente(this.options[this.selectedIndex].value, 'partnerpresente')" required>
<option value=""></option>
<option value="Si">Si</option>
<option value="No">No</option>
</select>
<br><br><am><strong><font color="red">* ATTENZIONE:</font></strong><br>Campo non modificabile in un secondo momento.<br>Se non si dispone dei dati necessari alla compilazione di questo campo, inserire dei dati a caso e modificarli qunado si disporrà dei dari richiesti</am>
</div>
</div>
<div class="module" id="partnerpresente" style="text-transform:capitalize; display: none;">
<div class="module-head">
<h3>Dettagli anagrafici partner</h3>
</div>
<div class="module-body">
<div class="control-group">
<label class="control-label" for="basicinput">Nome</label>
<div class="controls">
<input type="text" id="nome_partner" name="nome_partner" placeholder="Nome partner" class="span8" value="<?php echo $nome_partner ?>">
</div>
</div>
<div class="control-group">
<label class="control-label" for="basicinput">Cognome</label>
<div class="controls">
<input type="text" id="cognome_partner" name="cognome_partner" placeholder="Cognome partner" class="span8" value="<?php echo $cognome_partner ?>" >
</div>
</div>
<div class="control-group">
<label class="control-label" for="basicinput">Sesso</label>
<div class="controls">
<script language="javascript">
function toggleMe1(obj, a){
var e=document.getElementById(a);
if(obj=="Femmina"){
e.style.display="";
}else{
e.style.display="none";
}
}
</script>
<select tabindex="1" data-placeholder="Select here.." class="span8" name="sesso_partner" id="sesso_partner" onchange="toggleMe1(this.options[this.selectedIndex].value, 'incinta_partner')">
<option value=""></option>
<option value="Maschio">Uomo</option>
<option value="Femmina">Donna</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="basicinput">Luogo di nascita</label>
<div class="controls">
<input type="text" id="luogo_di_nascita_partner" name="luogo_di_nascita_partner" placeholder="Logo di nascita del partner" class="span8" value="<?php echo $luogo_di_nascita_partner ?>">
</div>
</div>
<div class="control-group">
<label class="control-label" for="basicinput">Data di nascita</label>
<div class="controls">
<input type="text" id="data_di_nascita_partner" name="data_di_nascita_partner" placeholder="Data di nascita del partner - gg/mm/aaaa" class="span8" value="<?php echo $data_di_nascita_partner ?>">
</div>
</div>
<div class="control-group">
<label class="control-label" for="basicinput">ISEE</label>
<div class="controls">
<label>
<input type="radio" name="isee_partner" value="Si" id="RadioGroup1_0">
ISEE presente</label>
<br>
<label>
<input type="radio" name="isee_partner" value="" id="RadioGroup1_1">
ISEE <b>non</b> presente
</label>
</div>
</div>
<div class="control-group" id="incinta_partner" style="text-transform:capitalize; display: none;">
<label class="control-label" for="basicinput">Incinta</label>
<div class="controls">
<label>
<input type="radio" name="incinta_partner" value="" id="RadioGroup2_00" checked="checked">
Non incinta
</label>
<br>
<label>
<input type="radio" name="incinta_partner" value="Maschio" id="RadioGroup2_0">
Incinta di un MASCHIO
</label>
<label>
<input type="radio" name="incinta_partner" value="Femmina" id="RadioGroup2_1">
Incinta di una FEMMINA
</label>
<label>
<input type="radio" name="incinta_partner" value="Sconosciuto" id="RadioGroup2_1">
Incinta - SESSO SCONOSCIUTO
</label>
<br>
<label>
<input type="radio" name="incinta_partner" value="gemelli_maschio_femmina" id="RadioGroup2_2">
Incinta di gemelli (MASCIO + FEMMINA)
</label>
<label>
<input type="radio" name="incinta_partner" value="gemelli_maschio_maschio" id="RadioGroup2_3">
Incinta di gemelli (MASCIO + MASCIO)
</label>
<label>
<input type="radio" name="incinta_partner" value="gemelli_femmina_femmina" id="RadioGroup2_3">
Incinta di gemelli (FEMMINA + FEMMINA)
</label>
</div>
</div>
<div class="control-group">
<label class="control-label" for="basicinput">Note</label>
<div class="controls">
<textarea class="span8" rows="5" id="note_partner" name="note_partner"><?php echo $note_partner ?></textarea>
</div>
</div>
</div>
</div>
