バージョン選択

フォーラム

メニュー

オンライン状況

74 人のユーザが現在オンラインです。 (69 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 74
もっと...

サイト内検索

質問 > フロント機能 > バリデーションメッセージが赤くならない

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
anonim
投稿日時: 2023/11/1 19:21
対応状況: −−−
半人前
登録日: 2023/9/5
居住地:
投稿: 23
バリデーションメッセージが赤くならない
[EC-CUBE]4.1.0

$builder->add('birth', BirthdayType::class, [
'required' => true,
'constraints' => [
new NotBlank([
'message' => '生年月日を入力してください。'
])
],
])
->add('sex', SexType::class, [
'required' => true,
'constraints' => array (
new NotBlank([
'message' => '入力されていません。'
])
)
]);


このような形でEntryTypeの生年月日と性別を入力必須化させるようにカスタマイズしています。

いずれも正常にバリデーションが働いていていることは確認できました。
しかし、性別のみ、バリデーションメッセージが黒文字で表示されるようになっています。
生年月日は名前や住所のように赤い文字で表示されるので、こちらに統一させたいと考えています。

なお、エラーは出ておりません。

よろしくお願いします。

balisys
投稿日時: 2023/11/2 9:45
対応状況: −−−
仙人
登録日: 2020/7/5
居住地:
投稿: 398
Re: バリデーションメッセージが赤くならない
ディベロッパーツールからバリデーション文字列に適用されているcssを確認してみてはいかがでしょうか。

正常に赤色で表示されている生年月日のバリデーションメッセージと、黒色で表示されている性別のバリデーションメッセージを比較すると違いがわかりやすいかと思います。
anonim
投稿日時: 2023/11/2 10:00
対応状況: 解決済
半人前
登録日: 2023/9/5
居住地:
投稿: 23
Re: バリデーションメッセージが赤くならない
html/template/default/assets/css/style.css の

.ec-input .ec-errorMessage, .ec-halfInput .ec-errorMessage,… {
}

とエラーメッセージのスタイルを指定しているところに、ラジオボタンのスタイルについての記述がないようでした。

.ec-radio .ec-errorMessage {
}

としてエラーメッセージのスタイルを追記するとうまく反映されました。

ご回答いただきありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,902名です
総投稿数は110,006件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1296
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.