jquery.form.monitoring – フォームの変更をリアルタイムで監視するjqueryライブラリ

ウェブサイトでフォームが変更されたらイベントを動作させたいということがありますよね？

そんな時に有効なjqueryのライブラリを作ってみました。

フォーム、もしくはフォームの部品(ラジオボタンやチェックボックスなど)を対象に指定すると、

変更があった時に自動的にアクションを起こすことができます。

textareaもしくはinputなどはキー入力時にも動作するので検索フォームなどで

検索結果をajaxで取得したい時には便利だと思います。

使い方

フォーム要素に対し、

$(‘#form’).formMonitoring(function(){});

とするだけです。

(function(){
    $('form#form').formMonitoring({
        ajax: true,     // boolean or $.ajax() option paramater
        ajaxLoading: function(elm){
            // if ajax option then call ajax before call
        },
        callback : function(elm){
            // callback change...
        }
    });

    // input change
    $('#input').formMonitoring(function(){
        //callback here
    });
($));

githubにあがっておりますので、もしよければ使ってみてくださいね。

ダウンロードはこちらから↓

https://github.com/ateliee/jquery.form.monitoring