JavaScript - evento para bloquear y dejar campos de solo lectura

   
Vista:
Imágen de perfil de Hfr

evento para bloquear y dejar campos de solo lectura

Publicado por Hfr (29 intervenciones) el 10/02/2016 21:26:28
hola chicos, la otra vez hice un evento para bloquear y dejar los campos de de solo lectura con un radio btn si y no

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<script languaje="javascript">
function habilita(form)
{
form.intereses[0].required = false;
form.intereses[1].required = false;
form.intereses[2].required = false;
form.intereses[0].readOnly = true;
form.intereses[1].readOnly = true;
form.intereses[2].readOnly = true;
 
}
 
function deshabilita(form)
{
form.intereses[0].required = true;
form.intereses[1].required = true;
form.intereses[2].required = true;
form.intereses[0].readOnly = false;
form.intereses[1].readOnly = false;
form.intereses[2].readOnly = false;
 
}
</script>
 
 <form>
       <label >REMISIONES A <br> MEDICINA /EXÁMENES ESPECIALIZADOS</label>
       &nbsp;&nbsp; si &nbsp;&nbsp;<input name="rad_sn"required type="radio"value="1" onClick="deshabilita(this.form)" >
	   &nbsp;&nbsp;No &nbsp;&nbsp;<input    required name="rad_sn" type="radio" value="0"   onClick="habilita(this.form)">
 
 
  <label for="mensaje">CUÁL <br></label>
       <input  name="cual" type="text" id ="intereses"   VALUE="">
 
   </div>
 
 
    <label for="username">NOMBRE DEL PROFESIONAL</label>
      <input  name="nom_pro" type="text" id ="intereses" VALUE="">
 
 
<label for="username">PROXIMO CONTROL</label>
      <input  name="fech_next" type="date" id ="intereses" VALUE="" ><br>
 
	  <input name="btn" type="reset" value="ENVIAR  DATOS"	/>
</form>


resulta que yo tengo un data piker para mostar la fecha en el explorador de windows IE y fireox el cual adjunto en un rar , cuando le adiciono el id intereses al campo de tipo date este no adiciona la fecha al campo
pero solo pasa con explore y firefox con google opera funciona si no problema
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Vainas

evento para bloquear y dejar campos de solo lectura

Publicado por Vainas (239 intervenciones) el 11/02/2016 10:01:08
Buenas:

De entrada solo te puedo decir que no repitas el valor de un id dentro de un html. Ni tampoco hagas lo mismo con el atributo "for" ya que sino no sabra a que input se refiere.

1
2
3
4
<label for="username1">NOMBRE DEL PROFESIONAL</label>
	<input  name="nom_pro" type="text" id ="intereses1" value="">
<label for="username2">PROXIMO CONTROL</label>
	<input  name="fech_next" type="date" id ="intereses2" value="" >


Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar
Imágen de perfil de Hfr

evento para bloquear y dejar campos de solo lectura

Publicado por Hfr (29 intervenciones) el 11/02/2016 19:18:34
hola
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
function habilita(form)
{
form.intereses1[0].required = false;
form.intereses2[1].required = false;
form.intereses3[2].required = false;
form.intereses1[0].readOnly = true;
form.intereses2[1].readOnly = true;
form.intereses3[2].readOnly = true;
 
}
 
function deshabilita(form)
{
form.intereses1[0].required = true;
form.intereses2[1].required = true;
form.intereses3[2].required = true;
form.intereses1[0].readOnly = false;
form.intereses2[1].readOnly = false;
form.intereses3[2].readOnly = false;
 
}
</script>
 
<input  name="nom_pro" type="text" id ="intereses1" value="">
 
<input  name="fech_next" type="date" id ="intereses2" value="" >
 
<input  name="fech_next" type="date" id ="intereses2" value="" >

automáticamente realice el cambio el evento dejo de funcionar si oprimo si o no al radio butn no pasa nada.. :( :(

yo afecto el id de la etiqueta input, se puede realizar directamente con el name ?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Hfr

evento para bloquear y dejar campos de solo lectura

Publicado por Hfr (29 intervenciones) el 12/02/2016 17:54:02
hola Vainas
solucione el inconviente le quite el id y se lo coloque name
y dejo insertar la fecha al campo funciono

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<input  name="intereses" type="date" value="" >
 al evento le hice estas modificaciones
<script languaje="javascript">
function habilita(form)
 
{
 
form.intereses[0].required = false;
form.intereses[1].required = false;
form.intereses[2].required = false;
form.intereses[0].readOnly = true;
form.intereses[1].readOnly = true;
form.intereses[2].readOnly = true;
form.intereses[0].value ='';
form.intereses[1].value ='';
form.intereses[2].value ='';
 
 
 
}
function deshabilita(form)
{
form.intereses[0].required = true;
form.intereses[1].required = true;
form.intereses[2].required = true;
form.intereses[0].readOnly = false;
form.intereses[1].readOnly = false;
form.intereses[2].readOnly = false;
 
}
 
 
</script>


de esta forma también limpio los campos al presionar no dentro del radio btn ,
creo que en el futuro si tuviera a adicionar un campo date a ese formulario creo que habrían problemas, ya que puedo llamar dos campos con el mismo nombre porque afectaría los POST que los reciben, pero si alguien tiene una solución diferente es bien venia su opinión.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar