<html>
<head>
	<title>jQuery</title>
	<style>
		.hide { display:none; }
	</style>
</head>
<body>
	<form method="get" action="">
		<strong>Parola</strong>
		<input type="password" name="password" />
		<br />
		<strong>Parola Doğrulama</strong>
		<input type="password" name="confirm_password" />
		<br>
		<span class="hide success">İki parolada aynı.</span>
		<span class="hide error">Parola doğrulama alanı parola alanıyla aynı olmak zorunda.</span>
	</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(function(){
	
	$('input[name=confirm_password]').on('keyup', function(){
		var pwd = $('input[name=password]').val();
		var confirm_pwd = $(this).val();
		$('span.success').hide();
		$('span.error').hide();
		if( pwd == confirm_pwd ){
			$('span.success').show();
		}
		else {
			$('span.error').show();
		}
		
	});
	
});

</script>
</body>
</html>