Об изменении предупреждения текстового поля, а не при нажатии кнопки

Question

Существует одна кнопка создания категории и один раз пользователь нажимает на создание учетной записи и ввод текста в текстовом поле, а BLUR должно быть предупреждающее, что «Нажмите« Сохранить, чтобы сохранить категории ». если пользователь нажимает кнопку «Сохранить», предупреждение не должно появляться.

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

<button type="submit" class="button" >Save</button> 

<input type="text" name="category_name"> 

$("input[name=category_name]").change(function(){  
    alert("Click save to save categories");          
}); 

Answer 1

попробуйте, чтобы on onClick() установил переменную в true. Затем onBlur() попытается вызвать предупреждение через 1 секунду (или меньше) с помощью setTimeout() и проверить, чтобы переменная была ложной. Если это правда, не вызывайте предупреждение. Надеюсь, что имеет смысл

Answer 2

Попробуйте

<script type="text/javascript"> 

var blurTimeout; 

function cancelBlur(){ 
    clearTimeout(blurTimeout); 
} 

$(function(){ 

    $("input[name=category_name]").blur(function(){  
     blurTimeout = setTimeout(function(){ 
      alert("Click save to save categories");          
     }, 200); 
    }); 

}); 

</script> 

<button type="submit" class="button" onclick="cancelBlur();">Save</button> 
<input type="text" name="category_name" /> 

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

Убедитесь добавить onclick="cancelBlur();" к кнопке