サインアップフォームなどでユーザー名が取得可能かどうかAjaxで問い合わせるアレです。 愚直に実装するとkeyupイベントをキャッチして$.ajax()を使うだけですが、これだと1文字入力する毎にサーバのAPIを叩くことになってしまうので少し工夫。 Ajax通信をしたいテキストフィールドにデータ属性を作ってAPIのURLを書いておく。 <input type="text" id="user_username" name="user[username]" data-autocheck="/autocheck/username"> $(document).on("keyup", "input[data-autocheck]", function() { var elem = $(this); var data = { url: elem.data("autocheck"), value: el
![テキストフィールドへの入力を検出して数秒おきにサーバに送信する](https://cdn-ak-scissors.b.st-hatena.com/image/square/664033f87bdc379cf0578c7ade00269d8d4144f6/height=288;version=1;width=512/https%3A%2F%2Fblog.dakatsuka.jp%2Fimages%2Fcard.png)