Comprobar campo solo si está activo

[Imanol78]

Hola:
Después de mucho rebuscar he logrado que un campo de texto se active según la elección de un select. Ahora viene lo que no logro, obligar al usuario a insertar un numero en el campo, pero solo si está activo (es decir, solo cuando selecciona la opcion 1 y se activa el input text).

¿Hay alguna manera de comprobar si está activo, y si es así comprobar que el valor no esté vacío?

Pongo algo de código para haceros una idea:

Código PHP:

<select name="curso" size="1" id="curso" onChange="if(this.options[1].selected) document.getElementById('socio').disabled=false; else if(this.options[2].selected) {document.getElementById('socio').disabled=true}">
              <option selected value="" disabled/>Seleccione</option>
                <option value="SOCIOS">SOCIOS</option>
                <option value="NO SOCIOS">NO SOCIOS</option>
 

y más abajo tengo el input para introducir el número de socio en caso de seleccionarse la opción 1 (que a su vez activa el input)

Código PHP:

<input name="socio" type="text" id="socio" size="10" disabled/>
 

Muy agradecido por cualquier aportación

[PHPeros]

Puedes añadirle el atributo required. Solamente lo comprueba cuando no está deshabilitado.

[Imanol78]

Parece que no es así. No me funciona...

Código PHP:

<input name="socio" type="text" id="socio" size="10" disabled required/>
 

Gracias de todos modos.

[NueveReinas]

No entiendo exactamente qué quieres.

[Imanol78]

A ver si me puedo explicar.
Selecciono un tipo de inscripcion a evento, socio o no socio. En el caso de ser socio, se activa el campo "numero socio" y debe ser de obligado cumplimiento. En el caso de no socio, el campo "número socio" se mantiene inactivo.
Tengo hecho con javascript una revisión para los campos que no deben quedar vacíos, pero claro, este "número socio" tan solo ha de rellenarse si selecciono ese tipo de inscripción en el select.

¿Me he explicado ahora?

Gracias por la ayuda prestada

[NueveReinas]

¿Algo como esto?

http://www.forosdelweb.com/f13/ocult...7/#post4694085

[Imanol78]

Ya lo había revisado pero yo ya tengo el select que me activa o desactiva el campo según la elección. Tan solo quiero que en la opción uno y una vez activado el campo (cosa que ya tengo como muestro más arriba) obligue a introducir datos, o no pase el submit sin haber comprobado que hay datos.

Debo explicarme muy mal...

[NueveReinas]

Iniciado por Imanol78

Ya lo había revisado pero yo ya tengo el select que me activa o desactiva el campo según la elección. Tan solo quiero que en la opción uno y una vez activado el campo (cosa que ya tengo como muestro más arriba) obligue a introducir datos, o no pase el submit sin haber comprobado que hay datos.

Debo explicarme muy mal...

Será eso, o que yo estoy sin dormir, o ambas cosas.

¿Ya has probado con el required en el input? Si ese campo no está relleno, por lo general, el navegador no deja avanzar al usuario hasta que lo complete.

[Imanol78]

Vale, ya comentaba que lo he probado. Por lo visto safari no soporta el atributo required, por lo que tengo que buscarme otra solución.

Gracias por las aportaciones, se admite cualquier solución al problema.

[Dafonz]

Segun yo Safari si soporta la validacion, pero no impide el submit.
Por lo que podrias hacer un workaround con javascript, algo como:

Código Javascript:

// se obtiene el formulario y el campo a validar
var formulario = document.getElementsByTagName('form')[0],
    campo = document.getElementsByTagName('input')[0];
 
// se quita validacion para que se comporte igual en todos los browser
formulario.noValidate = true;
 
// se agrega listener en el submit y se checa por campo valido y campo activo
formulario.addEventListener('submit', function(event) {
        if (!campo.disabled && !event.target.checkValidity()) {
            event.preventDefault();
            alert('No Valido');
        }else{
           alert('formulario enviado');
        }
    }, false);
 

El required en el campo sigue siendo necesario, ya que es la forma de identificar si es valido con checkValidity.

Te dejo un fiddle como demo
http://jsfiddle.net/srLckfg3/

Puedes agregar el disabled al campo y probar que cuando esta inactivo se manda sin validar.

[Imanol78]

Muchas gracias, lo probaré, aunque tendré que modificar alguna cosilla...

[luisceb]

Iniciado por Imanol78

Ya lo había revisado pero yo ya tengo el select que me activa o desactiva el campo según la elección. Tan solo quiero que en la opción uno y una vez activado el campo (cosa que ya tengo como muestro más arriba) obligue a introducir datos, o no pase el submit sin haber comprobado que hay datos.

Debo explicarme muy mal...

Hola Imanol.

Si no lo he entendido mal se trata de evitar que el usuario supere el formulario con algún campo "obligatorio" en blanco.

Si es así, la solución es sencilla. Se me ocurre por ejemplo una rutina que valide el formulario. No es más que una función que se ejecuta de manera previa al envío, para comprobar si todos los campos están completados según nuestras indicaciones

Hay muchos ejemplos a lo largo y ancho de la red, pero aquí te dejo una.

http://librosweb.es/libro/javascript/capitulo_7/validacion.html

Un saludo.

[Imanol78]

Hola:
Ya dispongo de una funcion que me valida los campos si están o no rellenos y con diferentes condiciones, pero me los valida todos, estén o no activos.
A ver si me explico mejor:
Usuario rellena formulario con dos opciones iniciales en un select:

a.- SOCIO

- Este activa campo "número socio", de obligado cumplimiento.

b.- NO SOCIO

- Este mantiene desactivado campo número socio, ahora no es de obligado cumplimiento.

Código PHP:

<select name="curso" size="1" id="curso" onChange="if(this.options[1].selected) {document.getElementById('numerosocio').disabled=false} 
else if(this.options[2].selected) {document.getElementById('socio').disabled=true}">
              <option selected value="" disabled/>Seleccione</option>
                <option value="SOCIO">SOCIOS</option>
                <option value="NO SOCIOS">NO SOCIOS</option>                                                
                </select>
<td class="texto">N&ordm; Socio<br>
<input name="socio" type="text" id="socio" size="10" disabled/></td>
 

Envía formulario (submit) y una funcion revisa campos:

Código Javascript:

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_validateForm() { //v4.0
  var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
  for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
      if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
        if (p<1 || p==(val.length-1)) errors+='- '+nm+' contiene una dirección email incorrecta.\n';
      } else if (test!='R') { num = parseFloat(val);
        if (isNaN(val)) errors+='- El campo '+nm+' debe ser numérico.\n';
        if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
          min=test.substring(8,p); max=test.substring(p+1);
          if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- Debe rellenar obligatoriamente el campo '+nm+'.\n'; }
  } 
  if (inscripciones.curso.value == "")
  { 
  errors+= '- Debe seleccionar un curso disponible\n';
  }
  if (inscripciones.email.value!=inscripciones.email2 .value)
  {
  errors+= '- Las direcciones e-mail no coinciden\n';
  }
  if (inscripciones.centrotr.value == "")
  { 
  errors+= '- Debe rellenar obligatoriamente un centro de trabajo\n';
  }
  if (inscripciones.provincia2.value == "")
  { 
  errors+= '- Debe seleccionar una provincia de trabajo\n';
  }
  if (inscripciones.profesion.value == "")
  { 
  errors+= '- Debe seleccionar obligatoriamente a profesión\n';
  }
  if (errors) alert('El fomulario contiene los siguientes errores:\n'+errors);
  document.MM_returnValue = (errors == '');
}
 

Si a est función le incluyo que revise el campo "numero socio" lo hace bien, pero tanto si está activo como si no.

Lo que quiero es que lo revise sólo en el caso de que esté activo