Сброс действия функции при нажатии на button

165

23 мая 2019, 04:30

Есть функция для формы поиска по каталогу И кнопка рядом с ней

function check() {
        var search = $('#search-field').val();
        if (search.length != 0) {
            $('#submit').removeAttr('disabled');
        } else {
            $('#submit').attr('disabled', 'disabled');
        }
    }

$("#search-field").on("input", function () { 
 
		var search=$(this).val(); 
		if(!search){  $(".card").show(); return; } 
		$(".card").hide(); 
 
		$(".card").each(function() { 
			if( $(this).text().toLowerCase().indexOf(search.toLowerCase())>=0 ){ 
				$(this).show(); 
			} 
		}); 
		}); 
     
     
    function check() { 
			var search = $('#search-field').val(); 
 
			if (search.length != 0) { 
				$('#submit').removeAttr('disabled'); 
			} else { 
				$('#submit').attr('disabled', 'disabled'); 
			} 
		}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" 
	 crossorigin="anonymous"> 
<form> 
<input class="form-control my-2 mr-lg-2" id="search-field" type="search" placeholder="Search" aria-label="Search" onkeyup="check();"> 
<button class="btn btn-outline-secondary my-2 ml-md-2" id="submit" type="submit" disabled>Clear List</button> 
</form> 
 
 
 
<div class="card">1</div> 
<div class="card">2</div> 
<div class="card">3</div>

При вводе запроса в поисковую форму необходимо чтобы по нажатию на кнопку данные которые были введены в форму - удалились и функция перестала работать, то есть не фильтровала.

Пытался через присвоение value = ""; форму оно очищало, но фильтрацию не сбрасывало.

Кнопка при пустой форме - disabled, если в форму что-но написать - disable убирается. Нужно сохранить это свойство...

Подскажите пожалуйста, как можно это сделать ?