Password/Confirm password with jquery

Utilises jQuery's keyup event to trigger a match between both fields after every keystroke.

by Cătălin Dogaru

HTML

<label>
	Text:
	<div>
		<input type="text" name="text" id="text" value="How secure are you?" disabled>
	</div>
</label>
<label>
	Confirm text:
	<div>
		<input type="text" name="confirmText" id="confirmText">
	</div>
</label>
<div>
	<span id="message"></span>
</div>

JavaScript

$('#text, #confirmText').on('keyup', function() {
    if ($('#text').val() == $('#confirmText').val()) {
        $('#message').html('Matching').css('color', 'green');
    } else {
        $('#message').html('Not Matching').css('color', 'red');
    }
});