Не работает проверка input на заполнение, в чем проблема?

Question

[sergey]

jsfiddle

Суть следующая: если input пустой, кнопка ок и press enter - спрятаны, если же значение пользователь ввел, то соответственно кнопка и текст видимые, ну и пользователь может нажать.
Перепробовал несколько вариантов: но именно данной логики не мог реализовать. Кнопка изначально видимая.. Не пойму что делаю не так.

UPD обновил fiddle

Answer 1

[Stalker_RED]

jQuery.filter это не проверка на заполнение.

Лучше повесить обработчик на keyup, например, и проверять длину введенного текста при каждом нажатии.

Comments

[sergey]

и так пробовал - не работает...

$('input').keyup(function() {
        if ($('input').value().lenght > 0)

            $('[type=button]').show();

        else
            $('[type=button]').hide();
    });

[Stalker_RED]

Sagan, у вас же нет элементов с type="button"

[sergey]

Stalker_RED,

$('input').keyup(function() {
        if ($('input').value().lenght > 0)

            $('btn-ok').show();

        else
            $('btn-ok').hide();
    });

исправил, но без разницы

[zoozag]

Sagan, Точки не забыли перед названиями классов?

[Stalker_RED]

Sagan, .btn-ok

[sergey]

zoozag, в jsfiddle с точками классов, не в этом же дело

[sergey]

Stalker_RED, да в jsfiddle все правильно указано

[Stalker_RED]

Sagan, забавный ты чувак. Втихую поменял ссылку на jsfiddl и надеешься что кто-то за ней следит?

Ошибки появляющиеся при каждом нажатии на кнопку не смущают?

[sergey]

Stalker_RED, какие ошибки? у меня происходит переход на следующее поле...

[sergey]

Stalker_RED, и самое главное кнопки изначально не должно быть, поле же пустое ведь

[zoozag]

$('input').val().length - тут у вас две ошибки сразу

И по умолчанию наверное следует кнопку скрыть

[sergey]

zoozag,

var value = $("input").val();
    if ( value.length > 0 ){
//условие
}

так?

[sergey]

$('input').keyup(function() {
    var value = $("input").val();

    if (value.length > 0) {
      $('.btn-ok').show();
    } else {
      $('.btn-ok').hide();
    }
  });

[zoozag]

Sagan, Да можно и так ка было, главное ошибки исправить
val а не value
length а не lenght

[sergey]

zoozag, результат тот же...

[Stalker_RED]

Sagan, https://jsfiddle.net/6x2hk6ev/5/

[sergey]

Stalker_RED, вау, супер, спасибо!

[Stalker_RED]

Sagan, вы скопировали код который дал Николай Чуприк, в котором две ошибки в одной строке, и час с ним мучаетесь, вместо того чтобы посмотреть примеры в документации.

[sergey]

Stalker_RED, та да

[Николай Чуприк]

Stalker_RED, пардона прошу, писал на ходу с телефона по памяти. Такие ошибки по идее фиксятся по первому же предупреждению в консоли.

Спасибо, что исправили.

[Николай Чуприк]

Stalker_RED, кстати onchange текстового поля срабатывает после потери фокуса что ли? Не помню просто.

Идея была, как вы говориье, обрабатывать все нажатия. Просто не стал писать onkeyup, чтобы лишний раз другие input-ы, если они есть, не возбуждать событием от клавиатуры.

[Stalker_RED]

Николай Чуприк, да onchange после потери фокуса.

Answer 2

[Николай Чуприк]

$('input').onchange(function() {
  if ($(this).value().lenght > 0) 
    $('[type=button]').show();
  else
    $('[type=button]').hide();
}

Comments

[sergey]

Попробовал, не работает jsfiddle

[Николай Чуприк]

Писал ответ на смарфоне "от руки", не проверял, может что в синтаксисе не так. Через пару часов глянул на работе, если к тому времени никто не ответит.

[ой всё]

Sagan, так и не будет
там опечатка, которая говорит о том, что вы не понимаете код

[ой всё]

Николай Чуприк, просто опечатка