問題タブ [jquery-dirtyforms]

テキストフィールドのみを含むphpページフォームがあります。

このページには「挿入」ボタンがあり、クリックするとフォームに挿入されたデータがデータベースに挿入されます。

ユーザーがデータを挿入し、[挿入] ボタンをクリックせずにページを離れようとすると、ページに保存されていない変更が含まれていることを確認するメッセージが表示され、離れたいかどうかを確認するよう求められます。

javascript OnBeforeUnload、OnUnload、JQuery dirtyformsで実装しようとしましたが、どのブラウザーでも完全に動作しますが、Android ブラウザー (データの挿入に使用するプラットフォーム) でページを閉じようとすると、何も表示されません。

Androidでタブを閉じることを拒否するにはどうすればよいですか?

ダーティ フォームのデフォルト ポップアップが表示されます。

タブ間を切り替えるときにフォームが汚れていないかどうかを確認しようとしています。フォームが汚れている場合は、アラートを表示します。

このプラグインを使用しています: https://github.com/snikch/jquery.dirtyforms

外部ページに移動しようとすると (ここで警告が表示されます)、Ii は正常に動作しますが、タブ (ブートストラップ) を切り替えると何も起こりません。フォームが汚れている場合にリッスンする特別なクラス (".chkChange") を作成しましたが、タブをクリックしても何も起こりません。タブは次のようになります。

そして、このスニペットでフォームが汚れているかどうかを確認できますが、ダーティフォームでアラートビルドをトリガーするには助けが必要です:

そして、私が言ったように、同じクラスを別の（外部）リンクに配置すると、何かが変更されたかどうかを確認するプロンプトが表示されます-ボットはタブにありません。

フォームの変更を監視し、ページを離れる前にユーザーに警告したかったのです。だから私はここにある汚れたフォームプラグインを使いました

これは私が試したコードです

形

使用したスクリプト

保存せずに他のページやリンクに移動しようとすると、ポップアップ メッセージが表示されます。しかし、それでもメッセージを送信しようとすると、ポップアップが表示されます。どうしてこんなことに？

実装の詳細:

ui-view divにフォームページをロードするためにui-routerを使用しています。Andres Ekdahiの素晴らしい例を参照しました。同じディレクティブを使用して複数のフォームで $dirty チェックを行うにはどうすればよいですか?

フォーム1

フォーム2

app.js (ディレクティブ)

エラー：

初めてページをロードしたとき、$dirty 値は false です。フォームの詳細を入力し、3 番目のアイコン (ファイル) をクリックすると、2 番目のフォームのダーティ チェックif ($scope.iForm.$dirty)と$dirtyアラートでエラーが発生します。

と

デモ：プランカー

サイト内のすべてのフォームで jquery.dirtyforms を構成しています。フォームが汚れていて、たとえばページを閉じようとしても問題なく動作します。しかし、目立たない ajax 呼び出しではまったく機能しません。(Ajax.ActionLink)、呼び出しは通常どおり進行します。

何か案は？

コード：

フォームがダーティな場合、Html.ActionLink は Stay/Leave ポップアップをトリガーしますが、Ajax.ActionLink は続行して目的の div に Index View をロードします。私が達成しようとしているのは、Ajax.ActionLink をクリックしたときにも、dirtyforms ポップアップをトリガーすることです。

ckeditor コントロールと ajax ファイル アップロード ツールを含む asp.net ページがあります。ユーザーがデータを保存せずにページを離れようとしたときに特定のメッセージを表示したい.ダーティ ビット機能の。

上記のコードは、ページで何も変更されていない場合でもメッセージを表示します.ckeditor/ajaxuploadctrlなどの特定のコントロールに適用するにはどうすればよいですか

以下はHTMLコードです

このページに何かが保存されていないことをユーザーに通知するために、ブートストラップモーダルで jquery.dirtyforms を使用しました。これはアンカーリンクで完全に機能しましたが、div実際には他のページへのリンクとして機能しているページがあります。これdivにdata-actionは他のページの URL を含む属性があり、クリックするとナビゲートするdata-action値を設定しています。window.location.hrefクリックするdivと、Bootstrap Modal ではなく、ブラウザのデフォルトのポップアップに確認メッセージが表示されました。という名前の div に一意のクラスを指定しましたtabDiv。jquery.dirtyforms.js に div のサポートを追加しようとしましたが、これは機能しませんでした:

動作しない Jquery.DirtyForms.Js で変更しようとしたこと

divクリックでも動作するようにしたい。現在は機能していますが、ブラウザのデフォルトのポップアップにメッセージが表示されます。このクリックでも同じ Bootstrap Modal を表示したい。