Tengo que comprobar que un input de una contraseña en HTML lleva los siguientes caracteres comprobándolo en JS: al menos una minúscula, al menos una mayúscula, al menos un número y al menos un caracter del siguiente estilo (+-/*). Al ser una práctica para clase hay cosas extrañas como dejar campos vacíos o no usar pattern en html.
Tengo definido un formulario del siguiente modo:
<form action="" onsubmit="enviarFormulario()" class="formulario" id="formulario">
Y tengo en mi HTML el siguiente campo dentro del formulario:
<input type="password" class="formulario__input" name="cpasswd" id="password">
En el código JS tengo definida la siguiente expresión regular:
var passwd = new RegExp("(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[\+-\/*]).{6,12}");
Tengo esa variable dentro de la función:
function enviarFormulario(){
var passwd = new RegExp("(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[\+-\/*]).{6,12}"); //Ponemos \+ y \* porque son caracteres especiales de RegExp y necesitamos escaparlos.
//Comprobamos la contraseña y vemos si se ha introducido o no
var aux = document.getElementById("password"); //typeof aux = object y aux.value = (vacío), de este modo permitimos una contraseña vacía
if(document.getElementById("password").value.search(passwd) != 0 && typeof aux == "undefined" && aux.value != ''){
alert("La contraseña no sigue el formato adecuado. Debe tener entre 6 y 12 caracteres e incluir: una letra mayúscula, una letra minúscula, un número y un caracter especial (+-/*)");
return false;
}
En ella tengo definido un bucle if con la intención de que permita dejar el campo "contraseña" en blanco pero que si no está en blanco lo que aparezca cumpla la expresión regular. Esa parte es la que falla ya que da igual qué introduzca, no entra en el bucle.
Me preguntaba cómo puedo hacer para que pueda dejar la contraseña en blanco pero si escribo algo en el campo este tenga que cumplir la expresión.