html5 自动失去焦点,JavaScript onblur 事件：页面元素失去焦点

JavaScript onblur 事件

页面元素失去焦点时会触发 onblur 事件。

下面的例子验证用户输入的内容是否符合要求的11位手机号码：

function checkMobile(input) {

var mobile_number = input.value;

var mobile_rule = /^1[358]d{9}$/;

var tip = document.getElementById("tip");

if(mobile_number.match(mobile_rule) == null){

tip.innerHTML = "请输入11位正确的手机号码！";

return false;

} else {

tip.innerHTML = "输入正确";

}

}

手机号码：

您可以在下面的输入框试试本例子效果：

手机号码：

JavaScript onblur 事件常用于表单的验证，上面的例子仅仅演示了 onblur 最简单的实现原理。更复杂的情况是结合表单提交按钮以及 Ajax 数据验证(如上例中除了验证手机号是否输入正确外，还要通过 Ajax 验证是否已被使用)等。