JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<label>Password:</label>
<input name="password" id="password" type="password" onkeyup='validatePassword();' />
</div>
<br/>
<div>
<label>Confirm password:</label>
<input type="password" name="confirm_password" id="confirm_password" onkeyup='validatePassword();' />
<span id='message'></span>
</div>
JavaScript
$('#password, #confirm_password').on('keyup', function () {
if ($('#password').val() == $('#confirm_password').val()) {
$('#message').html('Matching').css('color', 'green');
}
else
{
$('#message').html('Not Matching').css('color', 'red');
}
});