В принципе, все работает нормально.
Однако, есть две проблемы.
1. Как организовать ввод при наличии двух и более textarea ( что бы показывать оператору количество оставшихся знаков отдельно по каждому из них )?
2. Как сделать цвет предупреждающего сообщения по умолчанию зеленым (сохранив красный цвет, когда до предела осталось десять и менее знаков)?
<!DOCTYPE html>[html]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Панель настройки</title>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.js"></script>
<STYLE type=text/css>
.warning {
color: red;
}
#textareaFeedback {
text-align: center;
}
</STYLE>
<script>
$(function()
{
var maxLength = $('#textarea').attr('maxlength');
$('#textarea').keyup(function()
{
var curLength = $('#textarea').val().length;
$(this).val($(this).val().substr(0, maxLength));
var remaning = maxLength - curLength;
if (remaning < 0) remaning = 0;
$('#textareaFeedback').html(remaning + ' осталось символов');
if (remaning < 10) // когда менять цвет
{
$('#textareaFeedback').addClass('warning')
}
else
{
$('#textareaFeedback').removeClass('warning')
}
})
})
</SCRIPT>
</head>
<body bgcolor="#FFFFFF">
<form method="POST" >
<P><TEXTAREA id=textarea rows=5 cols=25 maxlength="25"></TEXTAREA>
<DIV id=textareaFeedback></DIV><P></P>
<input type="submit" value="Далее" name="B2">
</form>