データ変更画面での変更箇所の明示 [Webシステム]
多くの入力項目がある画面でのデータ変更作業ではどの項目を変更したのか分からなくなることがある。また、折角変更したのに登録を忘れて他画面に遷移し、折角入力したデータを再入力するハメに陥ったことがありませんか。このような失敗がないよう、変更箇所が明示されるユーザーフレンドリーな画面を作成してみた。
-
仕様
- ＤＢから取り出した編集データをlocalstorageに格納
- 入力項目窓からフォーカスが外れた時点でlocalstorageに格納されたデータと入力データを比較。 一致しない場合は入力窓の背景色を変更、変更フラグをセット
- "他画面への遷移ボタン"オン時、変更フラグをチェックして変更箇所があれば、確認メッセージボックスを表示
データ編集
| 項目名 | 内容1 | 内容2 |
|---|---|---|
| 入力1 | ||
| 入力2 | ||
| 入力3 | ||
| 入力4 | ||
| 入力5 |
2018-02-03 15:27
nice!(0)
コメント(0)
コメント 0