jquery - jQuery事件实时验证输入

Question

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

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

当用户填写输入并移至下一个输入时，我想做一个 AJAX 请求。

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

我知道 jQuery Validation Plugin，但我认为它对于这种简单的回调来说太致命了。

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