#139 【お問い合せ】会員登録とお問い合せのエラー文言の出し方が異なる #3448
Closed
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
以下を参考にコメントを作成してください。
概要(Overview・Refs Issue)
会員登録のエラー文言の出し方を、お問い合せのエラー文言の出し方に寄せる。
方針(Policy)
会員登録画面
・フォーム要素のnovalidate属性を削除し、HTML5のバリデーションの表示を行う
・HTML5のバリデーション対応時に、お問い合わせ画面とエラー文言(チェック項目)
が異なる場合は、お問い合わせのエラー文言表記に寄せる
対象:メールアドレス形式のチェック
会員情報編集
・同じUIである為、会員登録画面と同様の対応を追加実施しております。
カスタムフォームフィールドの修正
修正対象:RepeatedEmailType
HTML5のメールアドレスバリデーションを実装するには、
input要素内のtype属性に'email'を出力する必要があります。
オプションの指定は'entry_type'ではなく、'type'が正しい為、修正しております。
実装に関する補足(Appendix)
カスタムフォームフィールドの修正の影響範囲
3箇所でRepeatedEmailType のフォームが使用されております。
1. 会員登録画面
2. 会員情報編集
3. 購入フロー内、ゲスト購入のお客様情報の入力
→3について、現在HTML5のバリデーション表示が実装されておりますが、
メールアドレスかどうかのバリデーションチェックは未実装の状態でした。
今回のカスタムフォームフィールドの修正で、
新たにメールアドレスのチェックが追加された為、動作テストを実施しております。
テスト(Test)
テスト実施ブラウザ
IE11
Chrome 67
Firefox 61
対象画面
1. 会員登録画面
2. 会員情報編集
3. 購入フロー内、ゲスト購入のお客様情報の入力
テスト内容と期待結果
以下の場合、お問い合わせ画面同様に、HTML5のバリデーションエラーの表示を行う
1. 入力項目に不備がある場合(必須チェック)
2. 1の内、メールアドレス項目については、入力値がメールアドレス形式ではない場合
相談(Discussion)
なし