Untitled

<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function() {
var validate = function(e){
	var check = function(val, reg, target){
		val.match(reg)?target.show():target.hide();
	}
	var val = $(e.target).val();
	check(val, /(?=.*\d)/, $('#N span'));
	check(val, /(?=.*[a-z])/, $('#L span'));
	check(val, /(?=.*[A-Z])/, $('#U span'));
	check(val, /(?=.*[`~!@#$%^&*()_+=\[\]{}\|<>,./?:;'"-])/, $('#S span'));
	check(val, /^.{8,32}$/, $('#LEN span'));}
$('#V').keyup(validate).keydown(validate).change(validate);
});
</script>
<style type="text/css">
.check{
	display: none;
	color:red;
	margin: 2px;
	padding: 2px;
}
</style>
</head>
<body>
	<input id="V" type="password" />
	<div id="U">Upper case<span class="check"> V </span></div>
	<div id="L">Lower case<span class="check"> V </span></div>
	<div id="N">Number<span class="check"> V </span></div>
	<div id="S">Special character<span class="check"> V </span></div>
	<div id="LEN">8~32 characters<span class="check"> V </span></div>
</body>
</html>