Bloqueo Input al seleccionar otro
Publicado por Alejandro (24 intervenciones) el 07/12/2020 12:16:09
Hola buenos dias,
veréis tengo un formulario con dos campos para introducir DNI y NIE que son dos documentos de identificación diferentes, al menos aquí en España. Necesito que al seleccionar el campo input del DNI automáticamente se bloquee el input del NIE.
A continuación os dejo el código.
Archivo JavaScript (funcionBloqueoInput.js):
Archivo del formulario:
veréis tengo un formulario con dos campos para introducir DNI y NIE que son dos documentos de identificación diferentes, al menos aquí en España. Necesito que al seleccionar el campo input del DNI automáticamente se bloquee el input del NIE.
A continuación os dejo el código.
Archivo JavaScript (funcionBloqueoInput.js):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$capturaNameDNI = document.getElementsByClassName("dni");
$capturaNameNIE = document.getElementsByClassName("nie");
for ($i=0; $i<$capturaNameDNI; $i++){
$capturaNameDNI[i].addEventListener("click",function(e){
if($capturaNameDNI==1){
$capturaNameNIE.disabled=false;
}else{
$capturaNameNIE.disabled=true;
}})
}Archivo del formulario:
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script src="funcionBloqueoInput.js" async></script>
<title>Barrio empleo</title>
</head>
<body>
<h2>INSCRIPCIÓN GENERAL</h2>
<form method="post" action="validar.php">
<p>
<label>DNI:<input type="text" name="dni"></label>
<label>NIE:<input type="text" name="nie"></label>
</p>
<p>
<button type="submit" value="agregar" name="accion">Subir</button>
<input type="reset" value="Limpiar campos">
</p>
</form>
</body>
</html>
Valora esta pregunta
0
