JQuery Password Requirements Plugin Example

Jquery , Html , Css

Nicesnippets

471

29-08-2020


JQuery Password Requirements Plugin Example

Hi Guys

In this blog,I Will explain you how to use password requirements plugin in jquery.

we will show example of jquery password requirements plugin.In this example, i will use passwordRequirements js to passwordRequirements input box.you can easyliy use jquery password requirements plugin.

A strong password is one that is more secure by virtue of being difficult for a machine or a human to guess. Password strength can be achieved by incorporating the following characteristics; the more characteristics you incorporate into your password, the stronger it will be

JQuery Password Requirements Plugin using cerate strong passwords

->At least 8 characters—the more characters, the better

->A mixture of both uppercase and lowercase letters

->A mixture of letters and numbers

->Inclusion of at least one special character, e.g., ! @ # ? ]

Note: do not use < or > in your password, as both can cause problems in Web browsers

Here, I will give you full example for simply use Password Requirements Plugin in JQuery as bellow.

Example


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>Validate Password Complexity With jQuery Password Requirements jQuery Example</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="https://www.jqueryscript.net/demo/validate-password-requirements/css/jquery.passwordRequirements.css">

</head>

<style type="text/css">

.main-section{

margin-top:150px;

}

</style>

<body>

<div class="container">

<div class="col-md-6 col-sm-offset-3 text-center main-section">

<h3>jQuery Password Requirements Plugin Example</h3>

<br>

<input type="password" class="pr-password form-control" placeholder="Enter Value.......">

</div>

</div>

</body>

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<script src="https://www.jqueryscript.net/demo/validate-password-requirements/js/jquery.passwordRequirements.min.js"></script>

<script>

$(document).ready(function (){

$(".pr-password").passwordRequirements({});

});

</script>

</html>

It Will help you...


Recommended Posts