EC-CUBEの会員登録フォームの入力チェックをリアルタイムに行う

EC-CUBEの会員登録フォームは、すべての項目を入力後に「確認する」ボタンをクリックすると、チェック処理が実行されエラーがある場合はエラー表示されます。

１）項目入力
↓
２）ページ下部の「確認する」ボタンをクリック
↓
３）すべての項目の内容をチェック
↓
４）エラーがなければ確認画面へ遷移、エラーがあればエラー表示
↓
５）エラーがある場合、ユーザはエラーのあるところまで戻って再入力

上記の通り、フォームの先頭項目にエラーがあった場合、ユーザはわざわざページ上部まで戻って入力し直す必要があります。

これって、ユーザにとっては意外に面倒な作業です。

そこで、EC-CUBEをカスタマイズし、入力時にリアルタイムに値をチェック。
誤りがあればエラーを表示するように修正。
（実際には、カーソル移動時にチェック処理が実行され、入力内容に誤りがあればエラー表示されます。）

そうすれば、ユーザにその場でエラーを伝えることができますし、ユーザはわざわざ戻って入力し直す必要もなくなります。

特に手間がかかるフォーム入力は、極力スムーズに入力→登録が行えるよう工夫すれば、ユーザ登録率もアップします。

Nakamura: サンクユーのEC-CUBE先生。
EC-CUBEのカスタマイズをし出して早15年。
難易度の高いカスタマイズもお任せ。
２系、3系、4系すべて対応可能。

実はjavaでの業務システム開発がエンジニア人生のスタート。
PHP、Perl、フロントエンド開発、Movable Type、Wordpressも得意という万能エンジニア。