jQuery实现即时提醒、即时数据验证功能

今天业务提了需求：要求再输入数据的时候就去验证数据的准确性 而不是在失去焦点的时候才去触发验证事件，想了想有两种方法可以实现

1、keyup事件

2、focus事件

$('form :input').blur(

function(){

//失去焦点的事件处理函数（这里是具体的事件验证逻辑）

//代码省略

}).keyup(function(){

$(this).triggerHandler('blur');//鼠标谈起的时候就开始验证

}).focus(fuction(){

$(this).triggerHandler('blur');

);

注：triggerHandler 这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作，也不会产生事件冒泡。

这个方法的行为表现与trigger类似，但有以下三个主要区别：

* 第一，他不会触发浏览器默认事件。

* 第二，只触发jQuery对象集合中第一个元素的事件处理函数。

* 第三，这个方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。此外，如果最开始的jQuery对象集合为空，则这个方法返回 undefined 。

例如：

$("#old").click(function(){  $("input").trigger("focus");});$("#new").click(function(){  $("input").triggerHandler("focus");});$("input").focus(function(){  $("<span>Focused!</span>").appendTo("body").fadeOut(1000);});