实时验证输入的jQuery事件

Question

我有一个表单字段，我想验证。

<label for="name">Name: </label> 
<input type="text" id="name" name="name"></input> 

我想在用户填充输入并移动到下一个输入时执行AJAX请求。

我应该用jQuery来听什么事件？

我知道jQuery验证插件，但我认为它太杀手这样简单的回调。

Answer 1

对于您的每个输入，您都可以听取blur事件。 Test it out here.

HTML

<form id='myform'> 
    <label for="fname">First Name: </label> 
    <input type="text" id="fname" name="fname"></input> 
    <br/> 
    <label for="lname">Last Name: </label> 
    <input type="text" id="lname" name="lname"></input> 
</form>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

的JavaScript

$('#myform').children('input').each(function(i, input){ 
    $(input).on('blur', validator); 
}); 

function validator(){ 
    console.log('validating code goes here'); 
}