Requisito: el usuario no debe poder escribir más de 20 caracteres en el cuadro de entrada.

Implementé Sweet alert para mostrar mensajes en mi proyecto Angular.

Una vez que hagamos clic en un botón, se mostrará una dulce alerta con el tipo de contraseña de entrada (ventana emergente).

Necesito restringir la entrada de contraseña a una longitud máxima de 20

esto debería suceder cuando el usuario escribe no después de escribir más de 20 caracteres y luego lo restringe.

 Swal.fire({ title: "Delete My Account", text: "Please enter your password to delete your account", input: 'password', allowOutsideClick: true, showCloseButton: true, inputAutoTrim:true, inputValidator: (value) => { if ((value).length > 20) { return 'You cannot enter more than 20 characters'; } else if (!value) { return 'Please enter the password'; } } }).then((result) => { if (result.value) { // console.log("Result: " + result.value); let password:any = result.value; console.log(" (password).length : " + (password).length ); if ((password).length > 20) { Swal.fire( 'Reached Max', 'You cannot enter more than 20 characters', 'error') return false; } this.userPassword = result.value; this.deleteMyAccount(); } else if (result.isConfirmed) { Swal.fire( 'Password required', 'please enter the password', 'error') } });

El código anterior permite agregar N caracteres a la entrada y luego arrojar un mensaje de error.

AIT