Demo: Check valid signup passwords using focus and blur events
The following demo checks if your password is sufficiently complex. If your password has numbers mixed with letters then it is complex enough. We display a message to analyze complexity: https://raw.githubusercontent.com/finsweet/jqueryCourse/main/forms/ex23.js?actionable=true
$(document).ready(function(){
XT1
});
</script>
Live demo
<div id="minidivpage" class="example-live"><h4 class="heading-4">Sign Up form:</h4><h5 class="message">Message Text</h5><div class="w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" aria-label="Email Form"><label for="email">Email Address</label><input type="email" class="w-input" maxlength="256" name="email-2" data-name="Email 2" placeholder="" id="email" required=""><label for="field">Password:</label><input type="password" class="w-input" maxlength="256" name="field-2" data-name="Field 2" placeholder="Example Text" id="field" required=""></form><div class="w-form-done" tabindex="-1" role="region" aria-label="Email Form success"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail" tabindex="-1" role="region" aria-label="Email Form failure"><div>Oops! Something went wrong while submitting the form.</div></div></div></div>
$(document).ready(function() {
XT1
});
</script>
