El código JS completa la página de inicio de sesión de miembro. Después de completar el cuadro de miembro o contraseña, aparecerá un mensaje: el borde del cuadro de texto de error se volverá rojo y aparecerá un mensaje de la siguiente manera:

lt;headgt;

lt;titlegt;Documento sin títulolt;/titlegt;

lt;stylegt;

div{

ancho: ?500px;

margen: ?50px?auto;

relleno: ?20px;

borde: ?1px? #ddd;

overflow:?hidden;

}

span{

display:?block;

ancho: ?100px;

flotante: ?izquierda;

alineación de texto: ?izquierda;

p>

}

i{

color:?rojo

}

lt;/stylegt;

lt;/headgt;

lt;bodygt;

lt;divgt;

lt;pgt;lt;spangt;nombre de usuario ; /spangt;lt;input?name="Usuario"?type="text"?maxlength="16"?/gt;lt;/pgt;

lt;pgt;lt;spangt;Por favor ingrese Contraseñalt;/spangt;lt;input?id="pwd"?type="contraseña"?class="register-input"?onblur="checkpwd(pwd)"?/gt;lt;i?id="pwd_i "gt;lt;/igt;lt;/pgt;

lt;pgt;lt;spangt; Introdúzcalo de nuevolt;/spangt;lt;input?id="repeatpsw"?type=" contraseña "?class="register-input"?onblur="checkrpwd(pwd,repeatpsw)"?/gt;lt;i?id="repeatpsw_i"gt;lt;/igt;lt;/pgt;

lt; input?name="Enviar"?type="enviar"?value="Enviar"?/gt;

lt;/divgt;

lt;/ bodygt ;

lt;scriptgt;

función?checkpwd?(pwd){

var?infpwd=$("pwd_i"),

val?=?pwd.value;

if(!val){

infpwd.innerHTML="¡Ingrese su contraseña! "

return?false;

}

if(val.lengthlt;6){

infpwd.innerHTML="Por favor, introduzca ¡Una contraseña de no menos de 6 dígitos! "

return?false;

}

infpwd.innerHTML="¡La contraseña que ingresó es legal! "

retorno?verdadero;

}

f

unction?checkrpwd(pwd, rpwd){

var?infrepwd=$("repeatpsw_i"),

pwd?=?$('pwd'),

rpwd?=?$('repeatpsw'),

val?=?rpwd.value;

if(!val){

infrepwd. InnerHTML="?¡Ingrese la contraseña de confirmación!"

return?false;

}

if(pwd.value?!==?val){

infrepwd.innerHTML="?Las contraseñas ingresadas dos veces son inconsistentes, ¡vuelva a ingresarlas!"

return?false;

}

infrepwd.innerHTML="?¡Recuerde la contraseña que ingresó!";

return?true;

}

función?$(id){

return?document.getElementById(id);

}

lt;/scriptgt;

lt;/htmlgt;