app/template/default/Contact/index.twig line 1

{% extends 'default_frame.twig' %}

{% form_theme form 'Form/form_div_layout.twig' %}

{% block javascript %}
    <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
    <script src="{{ asset('js/InputCheck.js', 'user_data') }}"></script>
      <style>
        .err_txt {
            color: #ed2929;
            line-height: 1.8;
        }
        .ec-errorMessage {
            color: red;
            position: relative;
        }

        .ec-errorMessage::before {
            content: "※";
            color: red;
            margin-right: 4px;
        }
    </style>
    <script>
        $(function() {
            //submit時
            $('#form1').submit(function(){
                err_sw = chkproc();
                if(err_sw == 1){
                    return false;
                }
            });
        });

        //入力チェック
        function chkproc(){

            // アラートの初期化
            $('.err_txt').hide();
            $('.err_txt').each(function(index){
                $(this).html('');
            });

            err_sw = 0;

            var jump = "";

            // お名前(姓)
            var val1 = $('#contact_name_name01').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_name_name01";}
                $('#err_name01').html('※ お名前(姓)が入力されていません。');
            }

            // お名前(名)
            var val1 = $('#contact_name_name02').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_name_name02";}
                $('#err_name02').html('※ お名前(名)が入力されていません。');
            }

            // お名前(フリガナ)(姓)
            var val1 = $('#contact_kana_kana01').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_kana_kana01";}
                $('#err_kana01').html('※ お名前(フリガナ)(姓)が入力されていません。');
            }

            // お名前(フリガナ)(名)
            var val1 = $('#contact_kana_kana02').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_kana_kana02";}
                $('#err_kana02').html('※ お名前(フリガナ)(名)が入力されていません。');
            }

            // 郵便番号
            var val1 = $('#contact_postal_code').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_postal_code";}
                $('#err_postal_code').html('※ 郵便番号が入力されていません。');
            }

            // 都道府県
            var val1 = $('#contact_address_pref').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_address_pref";}
                $('#err_pref').html('※ 都道府県が選択されていません。');
            }

            // 住所(市区町村名)
            var val1 = $('#contact_address_addr01').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_address_addr01";}
                $('#err_addr01').html('※ 住所(市区町村名)が入力されていません。');
            }

            // 住所(番地・ビル名)
            var val1 = $('#contact_address_addr02').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_address_addr02";}
                $('#err_addr02').html('※ 住所(番地・ビル名)が入力されていません。');
            }

            // 電話番号
            var val1 = $('#contact_phone_number').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_phone_number";}
                $('#err_phone_number').html('※ 電話番号が入力されていません。');
            }

            // メールアドレス
            var val1 = $('#contact_email').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_email";}
                $('#err_email').html('※ メールアドレスが入力されていません。');
            } else if(!checkCharType(val1, 'email')){
                err_sw = 1; if(jump == ""){jump = "#contact_email";}
                $('#err_email').html('※ メールアドレスの形式が正しくありません');
            }

            // 商品名
            var val1 = $('#contact_productname').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_productname";}
                $('#err_productname').html('※ 商品名が入力されていません。');
            }

            // お問い合わせ内容
            var val1 = $('#contact_contents').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#contact_contents";}
                $('#err_contents').html('※ お問い合わせ内容が入力されていません。');
            }

            // 該当箇所にスクロール
            if(jump != ""){
                var position = $(jump).offset().top;
                $('html, body').animate({scrollTop: position}, 'fast');
            }

            $('.err_txt').each(function(index){
                if($(this).html() != ""){
                    $(this).show();
                }
            });

            return err_sw;

        }

    </script>

{% endblock javascript %}

{% block main %}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
{# ▼ ブロック：DispHtag ▼ #}
{{ include('Block/DispHtag.twig') }}
{# ▲ ブロック：DispHtag ▲ #}
<title>ベースボール・マガジン社　BBM＠BOOK CART</title>
<meta name="description" content="ベースボール・マガジン社が運営する総合スポーツサイト。ベースボール・マガジン社発行の書籍・雑誌・スポーツカードなどの新着情報、各競技の技術情報や専門家によるコラムなど、スポーツファンを応援する情報が満載です。">
<meta name="keywords" content="ベースボールマガジン社,BBM">
{# ▼ ブロック：DispHead ▼ #}
{{ include('Block/DispHead2.twig') }}
{# ▲ ブロック：DispHead ▲ #}
</head>

<body id="general">

{# ▼ ブロック：DispBtag ▼ #}
{{ include('Block/DispBtag.twig') }}
{# ▲ ブロック：DispBtag ▲ #}

{# ▼ ブロック：DispHeader ▼ #}
{{ include('Block/DispHeader2.twig') }}
{# ▲ ブロック：DispHeader ▲ #}

<div id="container" class="w1000">
    <p id="topicpath"><a href="{{ url('bookcart') }}">ホーム</a> &gt;お問い合わせ</p>

    <div id="content" class="w810">

    <div id="contentbox">
        <h2>お問い合わせ</h2>

        <div class="ec-off1Grid__cell">
            <form method="post" id="form1" name="form1" action="{{ url('contact') }}" novalidate class="h-adr">
                <span class="p-country-name" style="display:none;">Japan</span>
                {{ form_widget(form._token) }}

                お問い合わせは以下のフォームから下記事項をすべてご記入の上、送信してください。<br>
                担当部署に共有の上、ご返信差し上げますので、恐れ入りますが、回答までいましばらくお時間を頂けますと幸いです。<br>
                なお、内容によってはお答えを差し控えさせて頂く場合もございますので、予めご了承下さい。<br>
                また、休業中に頂いたメールへのご返信は、翌営業日以降となります。<br>
                いただいた個人情報はお問い合わせの内容に回答する目的のみに使用します。<br>
                そのほか、個人情報の取り扱いは「<a href="https://www.bbm-japan.com/page/privacypolicy" target="_blank">プライバシーポリシー</a>」ページ（ <a href="https://www.bbm-japan.com/page/privacypolicy" target="_blank">https://www.bbm-japan.com/page/privacypolicy</a> ）をご覧ください。<br>
                弊社からお送りしたメールの転載、二次利用、第三者への開示は一切ご遠慮ください。<br>

                <table summary="会員登録フォーム" class="tbl" style="margin-top:10px;">

                    <col width="30%" />
                    <col width="70%" />
                    <tr>
                        <th>お名前</th>
                        <td>
                            姓&nbsp;{{ form_widget(form.name.name01, { 'attr': { 'class': 'w200', 'placeholder': '姓' }}) }}
                            名&nbsp;{{ form_widget(form.name.name02, { 'attr': { 'class': 'w200', 'placeholder': '名' }}) }}
                            {{ form_errors(form.name.name01) }}
                            {{ form_errors(form.name.name02) }}
                            <!-- ▼エラーの際に表示▼-->
                            <p class="err_txt" id="err_name01"></p>
                            <p class="err_txt" id="err_name02"></p>
                            <!-- ▲エラーの際に表示▲ -->
                        </td>
                    </tr>
                    <tr>
                        <th>お名前(フリガナ)</th>
                        <td>
                            セイ&nbsp;{{ form_widget(form.kana.kana01, { 'attr': { 'class': 'w200', 'placeholder': 'セイ' }}) }}
                            メイ&nbsp;{{ form_widget(form.kana.kana02, { 'attr': { 'class': 'w200', 'placeholder': 'メイ' }}) }}
                            {{ form_errors(form.kana.kana01) }}
                            {{ form_errors(form.kana.kana02) }}
                            <!-- ▼エラーの際に表示▼-->
                            <p class="err_txt" id="err_kana01"></p>
                            <p class="err_txt" id="err_kana02"></p>
                            <!-- ▲エラーの際に表示▲ -->
                        </td>
                    </tr>
                    <tr>
                        <th>郵便番号</th>
                        <td>
                            <p class="top">
                                〒&nbsp;{{ form_widget(form.postal_code, { 'attr': { 'class': 'p-postal-code w120', 'placeholder': '1038482' }}) }}
                                {{ form_errors(form.postal_code) }}
                                <!-- ▼エラーの際に表示▼-->
                                <p class="err_txt" id="err_postal_code"></p>
                                <!-- ▲エラーの際に表示▲ -->
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <th>住所</th>
                        <td>
                            {{ form_widget(form.address.pref, { 'attr': { 'class': 'p-region-id' }}) }}
                            {{ form_errors(form.address.pref) }}
                            <!-- ▼エラーの際に表示▼-->
                            <p class="err_txt" id="err_pref"></p>
                            <!-- ▲エラーの際に表示▲ -->
                            <p class="top">
                                {{ form_widget(form.address.addr01, { 'attr': { 'class': 'p-locality p-street-address w400', 'placeholder': '市区町村名・町域(例：東京都中央区日本橋浜町)' }}) }}
                                {{ form_errors(form.address.addr01) }}
                                <!-- ▼エラーの際に表示▼-->
                                <p class="err_txt" id="err_addr01"></p>
                                <!-- ▲エラーの際に表示▲ -->
                            </p>
                            <p class="mini"><span class="attention">市区町村名・町域 例：東京都中央区日本橋浜町</span></p>
                            <p class="top">
                                {{ form_widget(form.address.addr02,  { 'attr': { 'class': 'p-extended-address w400', 'placeholder': '番地・ビル名(例：2-61-9 TIE浜町ビル)' }}) }}
                                {{ form_errors(form.address.addr02) }}
                                <!-- ▼エラーの際に表示▼-->
                                <p class="err_txt" id="err_addr02"></p>
                                <!-- ▲エラーの際に表示▲ -->
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <th>電話番号</th>
                        <td>
                            {{ form_widget(form.phone_number) }}
                            {{ form_errors(form.phone_number) }}
                            <p class="mini"><span class="attention">例：0312345678/09012345678 ※ 最も連絡の取りやすい連絡先を入力して下さい。</span></p>
                            <!-- ▼エラーの際に表示▼-->
                            <p class="err_txt" id="err_phone_number"></p>
                            <!-- ▲エラーの際に表示▲ -->
                        </td>
                    </tr>
                    <tr>
                        <th>メールアドレス</th>
                        <td>
                            {{ form_widget(form.email, { 'attr': { 'class': 'w300', 'placeholder': '例：ec-cube@example.com' }}) }}
                            {{ form_errors(form.email) }}
                            <p class="mini"><span class="attention">メールアドレスは半角でご記入ください。</span></p>
                            <!-- ▼エラーの際に表示▼-->
                            <p class="err_txt" id="err_email"></p>
                            <!-- ▲エラーの際に表示▲ -->
                        </td>
                    </tr>
                    <tr>
                        <th>商品名</th>
                        <td>
                            {{ form_widget(form.productname,  { 'attr': { 'class': 'w400' }}) }}
                            {{ form_errors(form.productname) }}
                            <!-- ▼エラーの際に表示▼-->
                            <p class="err_txt" id="err_productname"></p>
                            <!-- ▲エラーの際に表示▲ -->
                        </td>
                    </tr>
                    <tr>
                        <th>お問い合わせ内容</th>
                        <td>
                            {{ form_widget(form.contents, { 'attr': { 'class': 'w100per', 'style': 'width: calc(100% - 5px) !important; height: 200px;' }}) }}
                            {{ form_errors(form.contents) }}
                            <p class="mini"><span class="attention">ご注文に関するお問い合わせには、必ず「ご注文番号」をご記入くださいますようお願いいたします。</span></p>
                            <!-- ▼エラーの際に表示▼-->
                            <p class="err_txt" id="err_contents"></p>
                            <!-- ▲エラーの際に表示▲ -->
                        </td>
                    </tr>

                </table>

                <div class="btn_area align_c mt30">
                    <ul>
                        <li>
                            <button type="submit" class="hover_change_image" name="mode" value="confirm" ><img src="{{ asset('common_img/button/btn_confirm.jpg', 'user_data') }}" alt="確認ページへ" /></button>
                        </li>
                    </ul>
                </div>

            </form>
        </div>
    </div>
</div>

{# ▼ ブロック：DispFooter ▼ #}
{{ include('Block/DispFooter.twig') }}
{# ▲ ブロック：DispFooter ▲ #}

{# ▼ ブロック：DispFtag ▼ #}
{{ include('Block/DispFtag.twig') }}
{# ▲ ブロック：DispFtag ▲ #}

</body>
</html>
{% endblock %}
{# ▲ main ▲ #}