jQuery事件实时验证输入

Question

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

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

我想在用户填写输入并进入下一个输入时执行AJAX请求。

我应该用jQuery听什么事？

我知道jQuery Validation Plugin，但我觉得它对于这种简单的回调来说太过凶悍了。

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