Ver Mensaje Individual
  #5 (permalink)  
Antiguo 30/03/2010, 14:26
nuff
 
Fecha de Ingreso: diciembre-2009
Ubicación: Cantabria, España
Mensajes: 174
Antigüedad: 14 años, 5 meses
Puntos: 2
Respuesta: ¿Cambiar la clase de input con javascript?

Nada, no funciona

Lo que tengo es lo siguiente:

HTML:
Código:
¿Dispone de póliza anterior?<br />
	<form id="formulario">
            <select id="selector" onChange="muestraMas()">
    			<option value="No">No</option>
    			<option value="Si">Si</option>
    		</select>
            <br />
    		<div id="masElementos" style="display:none;">
            <p style="color:#F00">Por favor, introduzca los siguientes datos:</p>
    		Compañía actual:<br />
            <input type="text" id="comactual" name="comactual" />
            <br />
            Número de póliza actual:<br />
            <input type="text" id="numpoliza" name="numpoliza" />
            <br />
    		</div>
            <input type="submit" value="Enviar" class="enviar" />
	    </form>
JS:

Código:
		function muestraMas(){
				var var1=document.getElementById('selector').value;
				var var2=document.getElementById('masElementos');
				var var3=document.getElementById('comactual');
				var var4=document.getElementById('numpoliza');
				
				if(var1=="Si"){
					var2.style.display="block";
					//document.getElementById('comactual').className=document.getElementById('comactual').className+' :required';  
					document.getElementById('comactual').className=':required';
					//document.formulario.comactual.className=":required";
				}
				else{
					var2.style.display="none";		
				}
			}
La jugada que quiero hacer es la siguiente:

1) El cliente dice que "Si" dispone de póliza anterior.

2) Se muestra el div (Función JS "muestraMas()") con los dos campos extra (en este caso "comactual" y "numpoliza"

3) La función "muestraMas()" tiene doble función; mostrar el div "masElementos" y cambiar la clase de los dos imput (comactual y numpoliza) a ":required" para que desde ese momento sean campos obligatorios según vanadium (plugin de jquery que estoy utilizando)

Espero haberme explicado mejor.

Gracias.