텍스트 박스의 클릭 아웃시 알림 상자

Question

2 개의 텍스트 상자 필드와 제출 버튼 (이름, 설명 및 제출)이 있습니다. 제목 필드를 채 웁니다. Tab 키를 사용하거나 마우스 포커스를 사용하여 설명 필드에 초점을 맞 춥니 다. 그 때 나는 경고 상자를 얻는다. 다음 코드를 사용합니다.

var blurTimeout; 

function cancelBlur(){ 
    clearTimeout(blurTimeout); 
} 

$("input[name=category_name]").live("blur", function() { 
     blurTimeout = setTimeout(function(){ 
      alert("Click 'Save Changes' button to save category."); 
     }, 200); 

}); 

하지만 이제는 이름을 입력 한 다음 설명을 클릭하면 알림이 표시됩니다. 그러나 일단 내가이 2 개의 텍스트 박스 경고의 측면을 클릭하면 설명 필드를 채운 후에 표시해야합니다. 버튼

HTML :

<div class="select-btn"> 
    <button class="button btn" TYPE="submit" onclick="cancelBlur();"> 
    <span>Save Changes</span> 
    </button> 
</div> 

Answer 1

가 왜 그냥으로 변경 :

$("input[name=description]").live("blur", function() { 
    blurTimeout = setTimeout(function(){ 
     alert("Click 'Save Changes' button to save category."); 
    }, 200); 
}); 

또는 당신은 당신이 경고를 보내기 전에 모두 작성되었는지 확인하려면 :

을

$("input[name=category_name], input[name=description]").live("blur", function() { 
    if($("input[name=category_name]").val() && $("input[name=description]").val()){ 
    blurTimeout = setTimeout(function(){ 
     alert("Click 'Save Changes' button to save category."); 
    }, 200); 
    } 
}); 

양식을 거꾸로 채울 경우 두 가지 필드에 blur 이벤트를 첨부하고 양식이 채워 졌는지 확인하십시오. o 각 시간마다. 모두 채워지면 알려주십시오. .. 오타가 생길 수도 있습니다. 잠이 듭니다.