HTML | Propiedad minLength de la contraseña de entrada del DOM

La propiedad minLength de contraseña de entrada HTML DOM se utiliza para establecer o devolver el valor de un atributo minLength de un campo de contraseña. Especifica el número mínimo de caracteres que se han permitido en el elemento.

Sintaxis:

  • Se utiliza para devolver la propiedad minLength.
    passwordObject.minLength
  • Se utiliza para establecer la propiedad minLength.
    passwordObject.minLength = integer

Valores de propiedad:

  • número: Especifica un número mínimo de caracteres que se permiten en el Campo de Contraseña.

Valor devuelto: Devuelve un valor numérico que representa el número mínimo de caracteres que se han permitido en el campo Contraseña.

Ejemplo 1: Este ejemplo ilustra cómo devolver la propiedad.

<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
  
    <h2>DOM Input Password minLength Property</h2>
  
    <form id="myGeeks">
        Password: <input type="password"
            id="myPsw" minlength="8">
    </form>
  
    <br><br>
      
    <button onclick="myFunction()">
        Click Here!
    </button>
  
    <p id="demo" style=
        "color:green;font-size:25px;">
    </p>
  
    <script>
        function myFunction() {
            var x = document.getElementById(
                        "myPsw").minLength;
  
            document.getElementById(
                    "demo").innerHTML = x;
        } 
    </script>
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Ejemplo 2: Este ejemplo ilustra cómo establecer la propiedad.

<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
  
    <h2>DOM Input Password minLength Property</h2>
  
    <form id="myGeeks">
        Password: <input type="password"
            id="myPsw" minlength="8">
    </form>
  
    <br><br>
      
    <button onclick="myFunction()">
        Click Here!
    </button>
  
    <p id="demo" style=
        "color:green;font-size:25px;">
    </p>
  
    <script>
        function myFunction() {
            var x = document.getElementById(
                    "myPsw").minLength = "9";
  
            document.getElementById("demo").innerHTML
                    = "The value of the minlength "
                    + "attribute set to" + x;
        } 
    </script>
</body>
  
</html>                   

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *