Password CheckerOne page website with JS functionalityVerifying password strength using JavaScriptInteractive sliderInterupt redirect to catch potential newsletter signupPassword strength checkerFibonacci checkerBalanced parenthesis string checkerPalindrome checker in JavaScriptFrequency CheckerPassword reveal functionality
Is there a RAID 0 Equivalent for RAM?
Can I cause damage to electrical appliances by unplugging them when they are turned on?
Proving an identity involving cross products and coplanar vectors
ContourPlot — How do I color by contour curvature?
How to leave product feedback on macOS?
How to write Quadratic equation with negative coefficient
Giving feedback to someone without sounding prejudiced
Is there a reason to prefer HFS+ over APFS for disk images in High Sierra and/or Mojave?
Should I warn a new PhD Student?
How would a solely written language work mechanically
SOQL query causes internal Salesforce error
How much do grades matter for a future academia position?
PTIJ: does fasting on Ta'anis Esther give us reward as if we celebrated 2 Purims? (similar to Yom Kippur)
How to get directions in deep space?
Do I have to know the General Relativity theory to understand the concept of inertial frame?
How to make money from a browser who sees 5 seconds into the future of any web page?
Why is participating in the European Parliamentary elections used as a threat?
Why is the principal energy of an electron lower for excited electrons in a higher energy state?
Personal or impersonal in a technical resume
What the heck is gets(stdin) on site coderbyte?
In One Punch Man, is King actually weak?
Animation: customize bounce interpolation
Echo with obfuscation
Mimic lecturing on blackboard, facing audience
Password Checker
One page website with JS functionalityVerifying password strength using JavaScriptInteractive sliderInterupt redirect to catch potential newsletter signupPassword strength checkerFibonacci checkerBalanced parenthesis string checkerPalindrome checker in JavaScriptFrequency CheckerPassword reveal functionality
0
$begingroup$
In my second post I am looking for the way to change answer dynamically.
As you can see there it changes when I completely fill the input. I want it to change for every letter typed . I will be gratefull guys !
var passwordField = document.forms["takis"]["hero"];
var checkContrainer = document.getElementById("contrainer");
function sila()
if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#449055"> Very Strong </h2>';
else if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#AAEE99"> Strong </h2>';
else if((passwordField.value.length >= 8 && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
passwordField.addEventListener("change", sila);body
background-color: #06619A;
margin: 0;
form
background-color: #30A4C8;
width: 25%;
margin: auto;
padding: 20px;
min-height: 80px;
border: 2px #114577 solid;
border-radius: 8px;
div
background-color: #444444;
border-radius: 12px;
text-align: center;
border: 1px #333333 solid;
margin-top: 2px;
height: 70px;
input
outline: 0;
border: 2px #114577 solid;
border-radius: 8px;
width: 80%;
input:hover
border-color: #996655;
transition: 0.5s;
input:not(:hover)
transition: 0.5s;
h1
font-size: 22px;
text-align: center;
font-family: "Arial Black";
color: white;
background-color: #30A4C8;
margin: 0;
margin-bottom: 20px;
border-bottom: 2px #114577 solid;
border-radius: 5px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="setaki.css" type="text/css">
</head>
<body>
<h1> Password Checker v26.5 <sup>Really hard work no scam !</sup></h1>
<form name="takis">
Hasło: <input type="password" name="hero">
<div id="contrainer">
</div>
</form>
<script src="mmn.js"></script>
</body>
</html>javascript css html5
asked 3 mins ago
HyakkimaruHyakkimaru
314
$endgroup$
add a comment |
0
$begingroup$
In my second post I am looking for the way to change answer dynamically.
As you can see there it changes when I completely fill the input. I want it to change for every letter typed . I will be gratefull guys !
var passwordField = document.forms["takis"]["hero"];
var checkContrainer = document.getElementById("contrainer");
function sila()
if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#449055"> Very Strong </h2>';
else if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#AAEE99"> Strong </h2>';
else if((passwordField.value.length >= 8 && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
passwordField.addEventListener("change", sila);body
background-color: #06619A;
margin: 0;
form
background-color: #30A4C8;
width: 25%;
margin: auto;
padding: 20px;
min-height: 80px;
border: 2px #114577 solid;
border-radius: 8px;
div
background-color: #444444;
border-radius: 12px;
text-align: center;
border: 1px #333333 solid;
margin-top: 2px;
height: 70px;
input
outline: 0;
border: 2px #114577 solid;
border-radius: 8px;
width: 80%;
input:hover
border-color: #996655;
transition: 0.5s;
input:not(:hover)
transition: 0.5s;
h1
font-size: 22px;
text-align: center;
font-family: "Arial Black";
color: white;
background-color: #30A4C8;
margin: 0;
margin-bottom: 20px;
border-bottom: 2px #114577 solid;
border-radius: 5px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="setaki.css" type="text/css">
</head>
<body>
<h1> Password Checker v26.5 <sup>Really hard work no scam !</sup></h1>
<form name="takis">
Hasło: <input type="password" name="hero">
<div id="contrainer">
</div>
</form>
<script src="mmn.js"></script>
</body>
</html>javascript css html5
asked 3 mins ago
HyakkimaruHyakkimaru
314
$endgroup$
add a comment |
0
0
0
$begingroup$
In my second post I am looking for the way to change answer dynamically.
As you can see there it changes when I completely fill the input. I want it to change for every letter typed . I will be gratefull guys !
var passwordField = document.forms["takis"]["hero"];
var checkContrainer = document.getElementById("contrainer");
function sila()
if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#449055"> Very Strong </h2>';
else if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#AAEE99"> Strong </h2>';
else if((passwordField.value.length >= 8 && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
passwordField.addEventListener("change", sila);body
background-color: #06619A;
margin: 0;
form
background-color: #30A4C8;
width: 25%;
margin: auto;
padding: 20px;
min-height: 80px;
border: 2px #114577 solid;
border-radius: 8px;
div
background-color: #444444;
border-radius: 12px;
text-align: center;
border: 1px #333333 solid;
margin-top: 2px;
height: 70px;
input
outline: 0;
border: 2px #114577 solid;
border-radius: 8px;
width: 80%;
input:hover
border-color: #996655;
transition: 0.5s;
input:not(:hover)
transition: 0.5s;
h1
font-size: 22px;
text-align: center;
font-family: "Arial Black";
color: white;
background-color: #30A4C8;
margin: 0;
margin-bottom: 20px;
border-bottom: 2px #114577 solid;
border-radius: 5px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="setaki.css" type="text/css">
</head>
<body>
<h1> Password Checker v26.5 <sup>Really hard work no scam !</sup></h1>
<form name="takis">
Hasło: <input type="password" name="hero">
<div id="contrainer">
</div>
</form>
<script src="mmn.js"></script>
</body>
</html>javascript css html5
asked 3 mins ago
HyakkimaruHyakkimaru
314
$endgroup$
In my second post I am looking for the way to change answer dynamically.
As you can see there it changes when I completely fill the input. I want it to change for every letter typed . I will be gratefull guys !
var passwordField = document.forms["takis"]["hero"];
var checkContrainer = document.getElementById("contrainer");
function sila()
if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#449055"> Very Strong </h2>';
else if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#AAEE99"> Strong </h2>';
else if((passwordField.value.length >= 8 && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
passwordField.addEventListener("change", sila);body
background-color: #06619A;
margin: 0;
form
background-color: #30A4C8;
width: 25%;
margin: auto;
padding: 20px;
min-height: 80px;
border: 2px #114577 solid;
border-radius: 8px;
div
background-color: #444444;
border-radius: 12px;
text-align: center;
border: 1px #333333 solid;
margin-top: 2px;
height: 70px;
input
outline: 0;
border: 2px #114577 solid;
border-radius: 8px;
width: 80%;
input:hover
border-color: #996655;
transition: 0.5s;
input:not(:hover)
transition: 0.5s;
h1
font-size: 22px;
text-align: center;
font-family: "Arial Black";
color: white;
background-color: #30A4C8;
margin: 0;
margin-bottom: 20px;
border-bottom: 2px #114577 solid;
border-radius: 5px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="setaki.css" type="text/css">
</head>
<body>
<h1> Password Checker v26.5 <sup>Really hard work no scam !</sup></h1>
<form name="takis">
Hasło: <input type="password" name="hero">
<div id="contrainer">
</div>
</form>
<script src="mmn.js"></script>
</body>
</html>var passwordField = document.forms["takis"]["hero"];
var checkContrainer = document.getElementById("contrainer");
function sila()
if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#449055"> Very Strong </h2>';
else if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#AAEE99"> Strong </h2>';
else if((passwordField.value.length >= 8 && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
passwordField.addEventListener("change", sila);body
background-color: #06619A;
margin: 0;
form
background-color: #30A4C8;
width: 25%;
margin: auto;
padding: 20px;
min-height: 80px;
border: 2px #114577 solid;
border-radius: 8px;
div
background-color: #444444;
border-radius: 12px;
text-align: center;
border: 1px #333333 solid;
margin-top: 2px;
height: 70px;
input
outline: 0;
border: 2px #114577 solid;
border-radius: 8px;
width: 80%;
input:hover
border-color: #996655;
transition: 0.5s;
input:not(:hover)
transition: 0.5s;
h1
font-size: 22px;
text-align: center;
font-family: "Arial Black";
color: white;
background-color: #30A4C8;
margin: 0;
margin-bottom: 20px;
border-bottom: 2px #114577 solid;
border-radius: 5px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="setaki.css" type="text/css">
</head>
<body>
<h1> Password Checker v26.5 <sup>Really hard work no scam !</sup></h1>
<form name="takis">
Hasło: <input type="password" name="hero">
<div id="contrainer">
</div>
</form>
<script src="mmn.js"></script>
</body>
</html>var passwordField = document.forms["takis"]["hero"];
var checkContrainer = document.getElementById("contrainer");
function sila()
if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#449055"> Very Strong </h2>';
else if(passwordField.value.length >= 8 && passwordField.value.match(/[0-9]+/)!= null)
checkContrainer.innerHTML = '<h2 style="color:#AAEE99"> Strong </h2>';
else if((passwordField.value.length >= 8 && passwordField.value.match(/[a-z]+/)!= null && passwordField.value.match(/[A-Z]+/)!= null)
passwordField.addEventListener("change", sila);body
background-color: #06619A;
margin: 0;
form
background-color: #30A4C8;
width: 25%;
margin: auto;
padding: 20px;
min-height: 80px;
border: 2px #114577 solid;
border-radius: 8px;
div
background-color: #444444;
border-radius: 12px;
text-align: center;
border: 1px #333333 solid;
margin-top: 2px;
height: 70px;
input
outline: 0;
border: 2px #114577 solid;
border-radius: 8px;
width: 80%;
input:hover
border-color: #996655;
transition: 0.5s;
input:not(:hover)
transition: 0.5s;
h1
font-size: 22px;
text-align: center;
font-family: "Arial Black";
color: white;
background-color: #30A4C8;
margin: 0;
margin-bottom: 20px;
border-bottom: 2px #114577 solid;
border-radius: 5px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="setaki.css" type="text/css">
</head>
<body>
<h1> Password Checker v26.5 <sup>Really hard work no scam !</sup></h1>
<form name="takis">
Hasło: <input type="password" name="hero">
<div id="contrainer">
</div>
</form>
<script src="mmn.js"></script>
</body>
</html>javascript css html5
javascript css html5
asked 3 mins ago
HyakkimaruHyakkimaru
314
asked 3 mins ago
HyakkimaruHyakkimaru
314
asked 3 mins ago
HyakkimaruHyakkimaru
314
asked 3 mins ago
HyakkimaruHyakkimaru
314
asked 3 mins ago
HyakkimaruHyakkimaru
314
314
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
return StackExchange.using("mathjaxEditing", function ()
StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix)
StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["\$", "\$"]]);
);
);
, "mathjax-editing");
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "196"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f215886%2fpassword-checker%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Code Review Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
Use MathJax to format equations. MathJax reference.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f215886%2fpassword-checker%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
