Форум

skillful · #1 (**permalink**) 10.08.2014, 16:30

Здравствуйте. Такой вот код считает и выводит на экран кол-во напечатанных символов.

var charsMax = 2000;

$(document).ready(function()
{
	$('#message').keyup(function(e)
	{
		var txt = $(this).val().trim();
		var l = charsMax - txt.length;
		$('#letter-count').val(l);
	});
});

$(window).load(function()
{
	$('#letter-count').val(charsMax);
});

<form action="" name="" id="" class="" method="POST" onsubmit="">
<textarea rows="10" name="message" id="message" style=""></textarea>
<label for="">Доступно символов</label>
<input id="letter-count" style="" type="text" value="" disabled="">
<input type="submit" value="">
</form>

А как сделать, если name="r[message]" и id="r[message]"?

$('#r[message]').keyup(function(e) так вот не работает.

Safort · #2 (**permalink**) 10.08.2014, 17:51

Согласно http://www.w3.org/TR/html401/types.html#type-cdata
в атрибутах name и id нельзя использовать скобки, по этому придётся обойтись без них.

ixth · #3 (**permalink**) 10.08.2014, 18:37

Попробуй заэкранировать скобки:

$('#r\\[message\\]').keyup(function(e)

skillful · #4 (**permalink**) 10.08.2014, 19:05

Сообщение от ixth

Попробуй заэкранировать скобки:

$('#r\\[message\\]').keyup(function(e)

Спасибо, работает.

Vlasenko Fedor · #5 (**permalink**) 12.08.2014, 01:42

Safort,
в атрибутах name скобки???

<body>
  <form name="myform">
    <input name="test[]" type="text" value="1">
    <input name="test[]" type="text" value="a1">
    <input name="test[]" type="text" value="b2">
  </form>
  <script>
    var test = document.forms["myform"].elements["test[]"];
    for (var i = 0; i < test.length; i++) {
      alert(test[i].value);
    }
  </script>
</body>

Форум

Справочник

Discord чат

Курсы javascript