簡潔的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>