简洁的H5星级评论表单代码

这是一款十分简洁的带有星级评论按钮，美化textarea评论表单代码，jQuery星级评论表单代码，jQuery星星打分特效。

js代码
<script type="text/javascript">
$(function () {

$('.text-area-input').click(function () {
if ($(this).val() == '请输入评论内容......') {
$(this).css({
color: '#000000'
}).val('')
}
});

//离开的时候
$('.text-area-input').blur(function () {
var iNum = $(this).val().length;
var fixedLength = 20;//固定长度
if (iNum < fixedLength) {
$('.text-area-input-length span').html(fixedLength - iNum);
} else {
$(this).val($(this).val().substr(0, fixedLength - 1));//截取长度
$('.text-area-input-length span').html(iNum - fixedLength);
}
});

//按下的时候
$('.text-area-input').keydown(function () {
var iNum = $(this).val().length;
var fixedLength = 20;//固定长度
if (iNum < fixedLength) {
$('.text-area-input-length span').html(fixedLength - iNum);
} else {
$(this).val($(this).val().substr(0, fixedLength - 1));//截取长度
$('.text-area-input-length span').html(iNum - fixedLength);
}
});


$('.text-area-bottom a').click(function () {
var star = $('input[name=star]:checked').val();
var content = $('textarea[name=content]').val();
alert(content);
});

$('.text-area-star label').click(function () {
var labelLength = $('.text-area-star label').length;
for (var i = 0; i < labelLength; i++) {
if (this == $('.text-area-star label').get(i)) {
$('.text-area-star label').eq(i).addClass('red');
} else {
$('.text-area-star label').eq(i).removeClass('red');
}
}
});

});
</script>