Вариантов полно к примеру.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$('#test')
.keyup(function() {
var len = this.value.length;
$(this).css('border-color', ( len < 5 || len > 11 ) ? 'red' : 'green');
}).keyup();
});
</script>
</head>
<body>
<input type="text" id="test" />
</body>
</html>