jQuery ui autocompleteの候補にない文字列を入力した際の条件分岐について

Question

前提・実現したいこと

jQuery uiのオートコンプリートで、候補にない文字列を入力した場合、フォーカスを外した時に、処理を追加したいと思っています。
例えば、候補にない文字列の場合は、「候補に追加」ボタンを表示すると言った形です。

下記のソースをどのように変更したら実現できるでしょうか？
どうぞよろしくおねがいします。

    <input id="bank_name">

    <script>
      $( function() {
        $( "#bank_name" ).autocomplete({

          source: "/bankcodes/bank_auto_complete.js",
          minLength: 1,
          focus: function( event, ui ) {
            $( "#bank_name" ).val( ui.item.val );
            return false;
          },
          select: function( event, ui ) {
            $( "#bank_name" ).val( ui.item.val );
            return false;
          },
        })
        .autocomplete( "instance" )._renderItem = function( ul, item ) {
          return $( "<li>" )
            .append( "<div>" + item.val + "</div>" )
            .appendTo( ul );
        };
      });
    </script>

Answer 1

検索動作を拾うイベントがあるので、それを使うとかどうでしょう。

【Autocomplete Widget | jQuery UI API Documentation】
http://api.jqueryui.com/autocomplete/#event-response

**response( event, ui ) ** Type: autocompleteresponse

Triggered after a search completes, before the menu is shown. Useful for local manipulation of suggestion data, where a custom source option callback is not required. This event is always triggered when a search completes, even if the menu will not be shown because there are no results or the Autocomplete is disabled.

Comments

[no1knows]

ありがとうございます。
response( event, ui ) で期待するサンプルも見つけることができました。
http://jsfiddle.net/andrewwhitaker/x5q6Q/
あとはsourceの取得がajaxのときにどうすればよいか検討したいと思います。