文本框的單擊側的警報框

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);
  }
});

將模糊事件附加到兩個字段，以防它們向后填寫表單，並檢查每次是否都填寫了表單。 如果已全部填寫，請給他們警報。 ..可能有錯別字，我很困