jquery проверить, включена ли длина входной строки> 5 кнопок?

Question

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

<input id="setup_log" type="text" name="log" class="form-control">

<button id="submit_log" type="submit" class="btn btn-primary pull-right" disabled="disabled">submit</button>

<script>
$(document).ready(function() {
  $('#submit_log').prop('disabled', true);

  function validateNextButton() {
    var buttonDisabled = $('#setup_log').val().trim() === '';
    $('#submit_log').prop('disabled', buttonDisabled);
  }
  $('#setup_log').on('keyup', validateNextButton);
});
//Not satisfied with this!
</script>

Answer 1

Вы можете использовать это:

$(document).ready(function() {
  $('#submit_log').prop('disabled', true);
  function validateNextButton(a) {
    $('#submit_log').prop('disabled', $('#setup_log').val().length < 5);
  }
  $('#setup_log').on('keyup', validateNextButton);
});

Answer 2

Попробуйте добавить прослушиватель событий в # setup_log,

$('#setup_log').on('keyup', function(){
    if(this.value.length > 5) $('#submit_log').attr('disabled', true);
})