Visualizzazione risultati 1 fino 3 di 3

Discussione: rendere un campo required

  1. #1
    inverntario non è connesso Neofita
    Data registrazione
    17-11-2019
    Messaggi
    16

    Predefinito 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&agrave; 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>
    
    
    Ultima modifica di inverntario : 10-01-2021 alle ore 12.46.26

  2. #2
    inverntario non è connesso Neofita
    Data registrazione
    17-11-2019
    Messaggi
    16

    Predefinito

    ho risolto
    a chiunque possa serivire ho aggiunto allo script JS
    questo:
    Codice HTML:
    <script language="javascript"> 
    	function partnerpresente(obj, a){ 
    		var e=document.getElementById(a); 
    			if(obj=="Si"){ 
    				e.style.display=""; 
    				$('#nome_partner').prop('required', true);
                                    [...]
                                    [...]
                                    [...]
    			}else{ 
    				e.style.display="none";
    				$('#nome_partner').prop('required', false);
                                    [...]
                                    [...]
                                    [...]
    			
    			}		 
    	} 
    </script> 

  3. #3
    L'avatar di tdef
    tdef non è connesso Utente giovane
    Data registrazione
    12-12-2011
    Residenza
    Udine
    Messaggi
    81

    Predefinito

    Perdonami, ma visto che utilizzi Jquery, perché ripeti la ruota getElementBy... eccetera, ti conviene usare Jquery anche per aprire e chiudere con show() e hide() applicati allo stesso id, alla fine non cambia la sostanza ma eviti di fare due volte la stessa cosa.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •