Перейти к публикации
andrey35159

Количество символов в input

Рекомендованные сообщения

andrey35159

Как посчитать количество символов в input, которые видны на экране на jQuery и как поставить позицию каретки после определенного символа, например после 4-го символа.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
iCast

Из документации:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>val demo</title>
  <style>
 
  p { color:blue; margin:8px; }
  	</style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <input type="text" value=""/>
  <p></p>
<script>
    $("input").keyup(function () {
      var value = $(this).val();
       var n = value.length;
      $("p").text(n);
    }).keyup();
</script>
 
</body>
</html>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
andrey35159

Это показывает сколько вообще символов в input, а как показать сколько символов видно на экране, т.е символов может быть 100500, а на экране видно только n символов, вот и показать эти n символов

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
iCast

@andrey35159, не понял ничего что Вы сказали. Может показать кол-во символов, которые умещаются в поле ввода?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
qpPeW
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<input type="text" id="text-count"/><span id="count"></span>

jquery-1.4.2.min.js

<script type="text/javascript">
$(function() {
$("input[id='text-count']").keyup(function count(){
number = $("input[id='text-count']").val().length;
$("#count").html("Количество введенных символов: "+number);
});
});
</script>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

×
×
  • Создать...