Skip to content

Fix and improvements #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
misteregis wants to merge 2 commits into
base: master
Choose a base branch
from
+370 −263
Open

Fix and improvements #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1d93a21
Improvements, fixes and localization
misteregis Oct 18, 2022
2ed154e
Added locale (pt_BR)
misteregis Oct 20, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
179 changes: 101 additions & 78 deletions css/jquery.passwordRequirements.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,92 +1,115 @@
/*
* jQuery Minimun Password Requirements 1.1
* jQuery Minimun Password Requirements 1.2
* http://elationbase.com
* Copyright 2014, elationbase
* Check Minimun Password Requirements
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Modified by: Misteregis <misteregis@gmail.com>
* Modified date: 2022/10/18
*/
#pr-box {
font: 13px/16px sans-serif;
position: absolute;
z-index:1000;
display:none;
width:300px;
max-width:100%;
}
#pr-box i {
width: 0;
height: 0;

.pr-box {
font: 13px/16px sans-serif;
position: absolute;
z-index: 1000;
display: none;
width: 300px;
max-width: 100%;
margin-top: 7px;
}

.pr-box em {
width: 0;
height: 0;
display: block;
margin-left: 20px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #23a86d;
}
#pr-box-inner {
margin-top: 6px;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#pr-box p {
padding:20px;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
#pr-box ul {
padding:7px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
#pr-box ul li {

.pr-box-inner {
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.pr-box p {
margin: 0;
padding: 20px;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}

.pr-box ul {
padding: 7px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}

.pr-box ul li {
list-style: none;
padding:7px;
}
#pr-box ul li span {
width:15px;
height:15px;
display:block;
float:left;
border-radius:100%;
margin-right:15px;
}
#pr-box.light {
color:#2d2f31;
}
#pr-box.light p {
background-color:#23a86d;
color:#f1f1f1;
}
#pr-box.light ul {
background-color:#f1f1f1;
}
#pr-box.light ul li span {
background-color:#f1f1f1;
border:3px solid #23a86d;
}
#pr-box.light ul li span.pr-ok {
background-color:#23a86d;
border:3px solid #23a86d;
}
#pr-box.dark {
color:#f1f1f1;
}
#pr-box.dark p {
background-color:#23a86d;
}
#pr-box.dark ul {
background-color:#2d2f31;
}
#pr-box.dark ul li span {
background-color:#2d2f31;
border:3px solid #23a86d;
}
#pr-box.dark ul li span.pr-ok {
background-color:#23a86d;
border:3px solid #23a86d;
padding: 7px;
}

.pr-box ul li span {
width: 15px;
height: 15px;
display: block;
float: left;
border-radius: 100%;
margin-right: 15px;
transition: background-color 250ms ease-in-out;
}

.pr-box.light {
color: #2d2f31;
}

.pr-box.light p {
background-color: #23a86d;
color: #f1f1f1;
}

.pr-box.light ul {
background-color: #f1f1f1;
}

.pr-box.light ul li span {
background-color: #f1f1f1;
border: 3px solid #23a86d;
}

.pr-box.light ul li span.pr-ok {
background-color: #23a86d;
border: 3px solid #23a86d;
}

.pr-box.dark {
color: #f1f1f1;
}

.pr-box.dark p {
background-color: #23a86d;
}

.pr-box.dark ul {
background-color: #2d2f31;
}

.pr-box.dark ul li span {
background-color: #2d2f31;
border: 3px solid #23a86d;
}

.pr-box.dark ul li span.pr-ok {
background-color: #23a86d;
border: 3px solid #23a86d;
}
21 changes: 11 additions & 10 deletions demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,24 +2,25 @@
<html lang="en">

<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/jquery.passwordRequirements.css" />
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/jquery.passwordRequirements.css" />
</head>

<body>
<form style="margin:300px">
<input type="password" class="pr-password">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write("<script src='js/lib/jquery-1.9.1.min.js'>\x3C/script>")</script>
<script src="js/jquery.passwordRequirements.min.js"></script>
<script src="js/lib/jquery-1.9.1.min.js"></script>
<script src="js/jquery.passwordRequirements.js"></script>
<script src="locale/pt_BR.js"></script>
<script>
/* trigger when page is ready */
$(document).ready(function (){
$(".pr-password").passwordRequirements();
$(document).ready(function () {
$(".pr-password").passwordRequirements({ useNumbers: true });
});
</script>
</body>
</html>

</html>
Loading