jQuery事件实时验证输入

Question

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

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

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

我应该和jQuery一起听什么事件？

我知道jQuery验证插件，但我认为它对于如此简单的回调也很杀人。

Answer 1

对于每个输入，您可以收听blur事件。在这里进行测试。

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');
}