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

});

但是现在我想要一旦我填写名称然后点击描述然后就不会显示警报。但是在填写说明字段后，一旦我点击这两个文本框的侧面，警报就会显示。

html for button：

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

将模糊事件附加到两个字段，以防他们向后填写表单，并检查表单是否每次都填写完毕。如果全部填写完毕，请给他们提醒。 ..可能有错别字，我困了

单击文本框侧面的警报框

1 个答案: