La propiedad minLength de texto de entrada HTML DOM en HTML DOM se utiliza para establecer o devolver el valor del atributo minlength de un campo de entrada de texto. Especifica el número mínimo de caracteres que se han permitido en el campo de texto. El valor predeterminado de la propiedad Input Email minLength es 524288.
Sintaxis:
- Devuelve la propiedad Input Text minLength.
textObject.minLength
- Se utiliza para establecer la propiedad MinLength del texto de entrada.
textObject.minLength = number
Valores de propiedad: contiene un número de valor único que se utiliza para especificar el número mínimo de caracteres que se permiten en el campo de longitud máxima de texto.
Valor devuelto: Devuelve un valor numérico que representa el número máximo de caracteres que se ha permitido en el campo de longitud máxima de texto.
Ejemplo 1: este ejemplo devuelve la propiedad minLength del texto de entrada.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Text minLength Property
</title>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Input Text minLength Property</h2>
<form id="myGeeks">
<input type="text" id="text_id" minlength="6"
name="geeks" pattern="[A-Za-z]{3}">
</form>
<br>
<button onclick="myGeeks()">Click Here!</button>
<p id="GFG" style="font-size:20px;"></p>
<!-- Script to set the minLength Property-->
<script>
function myGeeks() {
var txt = document.getElementById(
"text_id").minLength;
document.getElementById(
"GFG").innerHTML = txt;
}
</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 MinLength del texto de entrada.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Text minLength Property
</title>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Input Text minLength Property</h2>
<form id="myGeeks">
<input type="text" id="text_id" minlength="6"
name="geeks" pattern="[A-Za-z]{3}">
</form>
<br>
<button onclick="myGeeks()">Click Here!</button>
<p id="GFG" style="font-size:20px;"></p>
<!-- Script to set the minLength Property-->
<script>
function myGeeks() {
var txt = document.getElementById(
"text_id").minLength - "23";
document.getElementById(
"GFG").innerHTML = txt;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad DOM Input Text minLength se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA