JSFiddle - React, Tailwind, and code Playground

by Josh Stevens

HTML

<input type="password" class="password" id="pass1"/>
<input type="password" class="password" id="pass2"/>
<input type="submit" id="postPass" value="SUBMIT" disabled="disabled"/>

JavaScript

$(".password").keyup(function() {
    if ($("#pass1").val() !== $("#pass2").val()) {
        $(".nosamepass").fadeIn('slow');
        $(".password").css("border", "1px solid #ff0033");
        $('#postPass').attr('disabled', true);
    } else {
        $(".nosamepass").fadeOut('slow');
        $(".password").css("border", "1px solid #232323");
        $('#postPass').attr('disabled', false);
    }
});