JSFiddle - React, Tailwind, and code Playground

HTML

<input type="password" id="password" />
<button id="button">Check</button>
<div id="results"></div>

JavaScript

$('#button').click(function() {
    var password = $('#password').val();
    var pattern = /(?=.{8,})[a-zA-Z]+[^a-zA-Z]+|[^a-zA-Z]+[a-zA-Z]+/;
    var pass = pattern.test(password);
    
    if (pass) {
        $('#results').html('Passed');
    } else {
        $('#results').html('Too weak  ....');
    }
});