JS проверка на пустое значение input

471

30 ноября 2017, 00:42

Пытаюсь проверить input, на значение value, при наличии в нем строки и без. Строка (Путь до файла), сразу же подгружается через callback или нажатием кнопки, без ввода каких либо символов в input

function checkPath() { 
  var val = $('#gamelocation').val(); 
  if ($.trim(vall)) { 
    $('#actionBtn').show(); 
    $('#gameBlock').show(); 
 
  } else { 
    $('#actionBtn').hide(); 
    $('#gameBlock').hide(); 
  } 
}

<input type="text" id="gamelocation" /> 
<div class="btn-group" id="actionBlock">...</div> 
<div class="btn-group" id="gameBlock">...</div>

Подскажите, пожалуйста, как я могу мгновенно скрывать блоки, если input пустой и отображать, если там есть запись? (Запись добавляется такого плана: "D:\Folder\Folder\")

Answer 1

Если я правильно понял задачу, то ответ следующий:

Подпишитесь на ввод в input вот так:

$('#gamelocation').keyup(checkPath);

Если нужно отследить изменение значения, то:

$('#gamelocation').change(checkPath);

https://jsfiddle.net/csbrjd7q/

function checkPath() { 
  var val = $('#gamelocation').val(); 
  if ($.trim(val)) { 
    $('#actionBlock').show(); 
    $('#gameBlock').show(); 
  } else { 
    $('#actionBlock').hide(); 
    $('#gameBlock').hide(); 
  } 
} 
 
$('#gamelocation').keyup(checkPath); 
checkPath(); // check initial value

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="gamelocation" /> 
 
<div class="btn-group" id="actionBlock"> 
  Action block 
</div> 
<div class="btn-group" id="gameBlock"> 
  Game block 
</div>