Применение атрибута maxlength в мобильных браузерах

Попробуй это:

var $input = $('input')
$input.keyup(function(e) {
    var max = 5;
    if ($input.val().length > max) {
        $input.val($input.val().substr(0, max));
    }
});

jsFiddle здесь: http://jsfiddle.net/fttk2/1/

Я бы предложил что-то более простое. Вышеупомянутое не сработало для меня, если только не было добавлено место для поля, чтобы его можно было подобрать ... или если я нажму «Отправить» сразу после этого, оно все равно передаст информацию.

if($(".input") > 20){$(".input") = input.slice(0,20)};

Универсальный способ jQuery для обеспечения соблюдения указанного maxlength поля формы. (Мне это было нужно для переопределений sessionStorage, localStorage и param.) Код оптимизирован для удобства чтения.

$('input').on('change', function () {
  var max = $(this).attr('maxlength'),
      val = $(this).val(),
      trimmed;

  if (max && val) {
    trimmed = val.substr(0, max);
    $(this).val(trimmed);
  }
});

Эта проблема связана с тем, что на вашей клавиатуре включен интеллектуальный ввод текста, отключите его и повторите попытку.