변경시 텍스트 필드 알림 및 버튼 클릭시 경고가 발생하지 않음

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

onClick()에서 변수를 true로 설정하십시오. 그런 다음 onBlur()는 setTimeout()을 사용하여 1 초 (또는 그 이하) 후에 경고를 트리거하고 변수가 false인지 확인합니다. 그것이 사실이라면 경고를 발동하지 마십시오. 그 의미

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" /> 

을 시도하게하고 제출 버튼을 클릭하면,이 때문에 나타나는 메시지를 방지 타이머를 제거 바랍니다.

당신이 특별히 그들은 본능적으로 할 것 누군가 말해 화면에 메시지를 경고 할 필요가 마십시오 버튼