La propiedad de patrón de contraseña de entrada en HTML DOM se usa para establecer o devolver el valor del atributo de patrón de un campo de contraseña. Este atributo se utiliza para especificar la expresión regular en la que se comprueba el valor de los elementos de entrada. Utilice el atributo de título global para describir el patrón para ayudar al usuario.
Sintaxis:
- Devuelve la propiedad del patrón de contraseña de entrada.
passwordObject.pattern
- Se utiliza para establecer la propiedad del patrón de contraseña de entrada.
passwordObject.pattern = regexp
Valores de propiedad: acepta expresiones regulares de valor único que se utilizan para especificar la expresión regular con la que se comprueba el valor de un campo de contraseña.
Valor devuelto: Devuelve un valor de string que representa la expresión regular con la que se comprueba el valor de un campo de contraseña.
Ejemplo: este ejemplo describe el uso de la propiedad de patrón de contraseña de entrada.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Password pattern Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Password pattern Property</h2>
<form id="myGeeks">
Password: <input type="password" id="myPsw" name="Geeks"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2, 3}$" >
</form>
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="color:green;font-size:25px;"></p>
<!-- Script to use Input Password pattern Property -->
<script>
function myFunction() {
var x =
document.getElementById(
"myPsw").pattern;
document.getElementById(
"demo").innerHTML = x;
}
</script>
</body>
</html>
Salida:
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 del patrón de contraseña de entrada DOM se enumeran a continuación:
- Google Chrome
- Internet Explorer 10.0
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA