jquery - 入力をリアルタイムで検証するjQueryイベント

Question

検証したいフォームフィールドがあります。

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

ユーザーが入力を入力して次の入力に移動したときにAJAXリクエストを実行したいと思います。

jQueryでどのイベントをリッスンする必要がありますか？

私はjQueryValidationPluginを知っていますが、そのような単純なコールバックにはあまりにもキラーだと思います。

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