javascript - 在选项卡上验证 `<input>`？

Question

我看过很多 JavaScript 验证教程，它们会在您键入时验证您的输入。

例如:http://reactiveraven.github.com/jqBootstrapValidation/

然而，它们似乎都在不断验证，这可能会让最终用户感到烦恼。

我可以让它仅在您切换到下一个 <input> 后才验证吗？ , <button>或<a> ？

[使用纯JS，没有JQuery或其他库]

Answer 1

当然。您需要在元素上使用 onblur 事件。

elem.addEventListener('blur', validateInput, false); // validateInput being your validation function