如何在onblur事件中验证文本框?

时间:2015-11-25 16:59:02

标签: javascript jquery

我的页面中有2个文本框,我想在onblur事件中验证TextBoxes。但onblur事件正在为这两个文本框继续执行,

请检查以下代码 -



function validate(c) {
  if (c.value == '') {
    alert(c.id + " is empty.");
    c.select();
    return false;
  }
}

<body>
  <form id="form1" runat="server">
    <div>
      <input type="text" id="Text1" onblur="return validate(this)" />
      <input type="text" id="Text2" onblur="return validate(this)" />

    </div>
  </form>
</body>
&#13;
&#13;
&#13;

请告诉我,如何解决这个问题?

先谢谢。

1 个答案:

答案 0 :(得分:0)

使用document.activeElement,您可以查看新焦点元素的内容。

所以你可以这样做:

function validate(c) {
    // Ignore when switching between these Inputs
    if (document.activeElement == document.getElementById("Text1")) return
    if (document.activeElement == document.getElementById("Text2")) return
    //...

...花了我一些时间来找到解决方案,在这里它是