Javascript
function user(){
input = document.getElementById("user").value;
label = document.getElementById("tuser");
if(label.style.display == "block"){
if(input.length >= 1){
label.innerHTML = "Usuário deve conter mais 5 caracteres.";
if(input.length >= 5){
label.style = "display:none";
}
}
}
}
function pass(){
input = document.getElementById("pass").value;
label = document.getElementById("tpass");
if(label.style.display == "block"){
if(input.length >= 1){
label.style = "display:none";
}
}
}
Ambas, não estão sendo executadas, portanto retorna um erro no Console do Chrome
(index):225 Uncaught TypeError: pass is not a function
at HTMLInputElement.onkeypress ((index):225)
HTML (chama função)
<input type="text" name="usuario" id="user" onkeypress="user()" autofocus maxlength="12" value="" class="form-control" placeholder="Seu Usuário">
<input type="password" name="senha" id="pass" onkeypress="pass()" maxlength="16" class="form-control" placeholder="Sua Senha">
Função irá fazer alteração em
<font color="#ff0000" id="tuser" class="animation-slideUp inserted" style="display:none;">Insira seu usuário.</font>
<font color="#ff0000" id="tpass" class="animation-slideUp inserted" style="display:none;">Insira sua senha.</font>
Achei muito estranho isso ter acontecido, pois os códigos estão "corretos" (eu acho). Executei-os no console e não surgiu nenhum erro.
font
. Ele já está obsoleto desde o HTML 4.