JSFiddle - React, Tailwind, and code Playground
HTML
<input type="email" name="email" placeholder="Email" class="email required valid" id="aim_Email">
<input type="password" name="password" id="aim_Password" placeholder="Password" class="newpassword password required aimError" style="">
<input type="submit" name="submit" class="disabled submit">
CSS
.disabled{
opacity: .3;
}
JavaScript
var count = 0;
$('.required').live('blur',function(value){
console.log($(this).hasClass('valid'), $(this).val());
if($(this).hasClass('valid') && $(this).val()){
count++;
if(count > 1){
alert('event fired');
$(".submit").removeClass("disabled");
$("body").find('input[type="submit"]').removeAttr("disabled");
$('.passwordHint').hide();
}
}
});