JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="regex" value='ZXC!"#zxc!"#'/>
<p id="output"></p>

JavaScript

$(document).ready(function(){
    var inputField = $('#regex');
    
    inputField.on('input', function(e){
        var inputValue = $(e.currentTarget).val();
        
        MatchString(inputValue);
    });

    
    function MatchString(str){
        var matches = str.match(/^(?=.*?[a-z])(?=.*?[A-Z])(?=.*?[\d\W]).{8,}$/);
        
        if(matches){
            $('#output').text('Matches')
        }
        else{
            $('#output').text('Not matching')
        }  
    }
    
    MatchString(inputField.val());
});