2

テキスト ボックス、ラジオ ボタン、チェック ボックス、ドロップ ダウンなどの 40 の奇妙なコントロールを含む Web ページがあります。ユーザーがいずれかのコントロールの状態を変更し、ページを保存せずにページから移動したい場合、アプリケーションがポップアップをスローする必要があるというシナリオを実装する必要があります。

これはクライアント側で行う必要があることは理解していますが、ここでの問題は、40 の奇数コントロールのどれが変更されたかを確認する方法です。これらのフィールドのすべてが必須である必要はありません。

4

1 に答える 1

1

ページの読み込み時に値を保存し、フォームが送信されたときにそれらの値を現在の値と比較できます。

このサンプルは、変更されたコントロールの ID を警告します。

<script type="text/javascript">
    $(document).ready(function () {
        $('.inputToCheck').each(function () {
            $(this).data("oldValue", $(this).val())
        });

        $('#btn').click(function () {
            $('.inputToCheck').each(function () {
                if ($(this).data("oldValue") != $(this).val())
                    alert($(this).attr('id'));
            });
        });
    });
</script>

<input type="text" id="txt1" class="inputToCheck" value="10" />
<input type="text" id="txt2" class="inputToCheck" value="20" />
<input type="text" id="txt3" class="inputToCheck" value="30" />
<input type="button" id="btn" value="send" />
于 2013-05-08T10:02:35.273 に答える