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

  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加

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

そんな時に有効な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

You may also like...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です