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

{% extends 'default_frame.twig' %}

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

{% block stylesheet %}
{% endblock %}

{% 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 = $('#entry_name_name01').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#entry_name_name01";}
                $('#err_name01').html('※ お名前(姓)が入力されていません。');
            }

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

            // お名前(フリガナ)(姓)
            var val1 = $('#entry_kana_kana01').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#entry_kana_kana01";}
                $('#err_kana01').html('※ お名前(フリガナ)(姓)が入力されていません。');
            } else if(!checkCharType(val1, 'katakana')){
                err_sw = 1; if(jump == ""){jump = "#entry_kana_kana01";}
                $('#err_kana01').html('※ お名前(フリガナ)(姓)は全角カタカナで入力してください');
            }

            // お名前(フリガナ)(名)
            var val1 = $('#entry_kana_kana02').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#entry_kana_kana02";}
                $('#err_kana02').html('※ お名前(フリガナ)(名)が入力されていません。');
            } else if(!checkCharType(val1, 'katakana')){
                err_sw = 1; if(jump == ""){jump = "#entry_kana_kana02";}
                $('#err_kana01').html('※ お名前(フリガナ)(名)は全角カタカナで入力してください');
            }

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

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

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

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

            // 電話番号１
            var val1 = $('#entry_phone_number').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#entry_phone_number";}
                $('#err_phone_number').html('※ 電話番号１が入力されていません。');
            } else if(!checkCharType(val1, 'tel')){
                err_sw = 1; if(jump == ""){jump = "#entry_phone_number";}
                $('#err_phone_number').html('※電話番号１が正しくありません');
            }

            // 電話番号２
            var val1 = $('#entry_phone2').val();
            if(val1 == ""){
            } else if(!checkCharType(val1, 'tel')){
                err_sw = 1; if(jump == ""){jump = "#entry_phone2";}
                $('#err_phone2').html('※電話番号２が正しくありません');
            }

            // メールアドレス
            var val1 = $('#entry_email_first').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#entry_email_first";}
                $('#err_email_first').html('※ メールアドレスが入力されていません。');
            }
            var val2 = $('#entry_email_second').val();
            if(val2 == ""){
                err_sw = 1; if(jump == ""){jump = "#entry_email_second";}
                $('#err_email_second').html('※ メールアドレス（確認）が入力されていません。');
            }
            if(val1 != "" && val2 != ""){
                if(val1 != val2){
                    err_sw = 1; if(jump == ""){jump = "#entry_email_first";}
                    $('#err_email_first').html('※ メールアドレスとメールアドレス（確認）が異なります。');
                //メールアドレス形式チェック
                } else if(!checkCharType(val1, 'email')){
                    err_sw = 1; if(jump == ""){jump = "#entry_email_first";}
                    $('#err_email_first').html('※ メールアドレスの形式が正しくありません');
                }
            }

            // パスワード
            var val1 = $('#entry_plain_password_first').val();
            if(val1 == ""){
                err_sw = 1; if(jump == ""){jump = "#entry_plain_password_first";}
                $('#err_plain_password_first').html('※ パスワードが入力されていません。');
            }
            var val2 = $('#entry_plain_password_second').val();
            if(val2 == ""){
                err_sw = 1; if(jump == ""){jump = "#entry_plain_password_second";}
                $('#err_plain_password_second').html('※ パスワード（確認）が入力されていません。');
            }
            if(val1 != "" && val2 != ""){
                if(val1 != val2){
                    err_sw = 1; if(jump == ""){jump = "#entry_plain_password_first";}
                    $('#err_plain_password_first').html('※ パスワードとパスワード（確認）が異なります。');
                } else {
                    //パスワードポリシーチェック
                    if(!checkCharType(val1, 'pwd2')){
                        err_sw = 1; if(jump == ""){jump = "#entry_plain_password_first";}
                        $('#err_plain_password_first').html('※ パスワードは半角英数字記号をそれぞれ1文字以上含む8～32文字の組み合わせで入力ください、使用できる記号は+ ! - / * ~ _ ? スペースです');
                    }
                }
            }

            // メールマガジン送付について
            var val1 = $("input[name='entry[mailmaga_flg]']:checked").val();
            if(val1 == "" || val1 === undefined){
                err_sw = 1; if(jump == ""){jump = "#entry_mailmaga_flg_0";}
                $('#err_mailmaga_flg').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/DispHead.twig') }}
{# ▲ ブロック：DispHead ▲ #}
</head>

<body id="pagetop" class="top">

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

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

    <div id="leftcolumn" class="side_column">
        <!-- ▼かごの中 -->
        <br />
        <div style="width:1000px; margin:0 auto;">
            <div id="cart_area">
                <h2 class="cart"><span class="title"><img src="{{ asset('common_img/tit_bloc_cart.gif', 'user_data') }}" alt="現在のカゴの中" /></span></h2>
                <div class="block_body">
                    <div class="information">
                        <p class="item">合計数量：<span class="attention">{{ cartTotalQuantity|number_format }}</span></p>
                        <p class="total">商品金額：<span class="price">{{ cartTotalPrice|number_format }}円</span></p>
                    </div>
                    <div class="btn">
                        <a href="{{ url('cart') }}"><img class="hover_change_image" src="{{ asset('common_img/button/btn_bloc_cart.jpg', 'user_data') }}" alt="カゴの中を見る" /></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- ▲かごの中 -->
    </div>

    <br />
    <div style="width:1000px; margin:0 auto;">
        <h2 class="title">会員登録(入力ページ)</h2>
        <form method="post" id="form1" name="form1" action="{{ url('entry_input') }}" novalidate class="h-adr">
            <span class="p-country-name" style="display:none;">Japan</span>
            {{ form_widget(form._token) }}

            <table summary="会員登録フォーム" class="tbl">

                <col width="30%" />
                <col width="70%" />
                <tr>
                    <th>お名前<span class="attention">※</span></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>お名前(フリガナ)<span class="attention">※</span></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>郵便番号<span class="attention">※</span></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>住所<span class="attention">※</span></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>
                        <p class="mini"><span class="attention">番地・ビル名 例：2-61-9 TIE浜町ビル（マンション名・号室は必ず記入してください）</span></p>
                        <p class="top">
                            {{ form_widget(form.company_name,  { 'attr': { 'class': 'w400', 'placeholder': '法人名(例：株式会社ベースボール･マガジン社)' }}) }}
                            {{ form_errors(form.company_name) }}
                            <!-- ▼エラーの際に表示▼-->
                            <p class="err_txt" id="err_company_name"></p>
                            <!-- ▲エラーの際に表示▲ -->
                        </p>
                        <p class="mini"><span class="attention">法人様の場合、法人名（個人様の場合は空欄）</span></p>
                        <p class="mini"><span class="attention">　例：はるのビル201　または　ベースボール・マガジン社</span></p>
                        <p class="mini"><span class="attention">住所は2つに分けてご記入ください。マンション名は必ず記入してください。</span></p>
                    </td>
                </tr>
                <tr>
                    <th>電話番号１<span class="attention">※</span></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.phone2) }}
                        {{ form_errors(form.phone2) }}
                        <p class="mini"><span class="attention">例：0312345678/09012345678 ※ その他の連絡先を入力して下さい。</span></p>
                        <!-- ▼エラーの際に表示▼-->
                        <p class="err_txt" id="err_phone2"></p>
                        <!-- ▲エラーの際に表示▲ -->
                    </td>
                </tr>
                <tr>
                    <th>メールアドレス<span class="attention">※</span></th>
                    <td>
                        {{ form_widget(form.email.first, { 'attr': { 'class': 'w300', 'placeholder': '例：ec-cube@example.com' }}) }}
                        {{ form_errors(form.email.first) }}
                        <p class="mini"><span class="attention">メールアドレスは半角のみご記入ください。</span></p>
                        {{ form_widget(form.email.second, { 'attr': { 'class': 'w300', 'placeholder': '確認のためもう一度入力してください' }}) }}
                        {{ form_errors(form.email.second) }}
                        <p class="mini"><span class="attention">※ 確認のためにもう一度メールアドレスを入力してください。</span></p>
                        <!-- ▼エラーの際に表示▼-->
                        <p class="err_txt" id="err_email_first"></p>
                        <p class="err_txt" id="err_email_second"></p>
                        <!-- ▲エラーの際に表示▲ -->
                    </td>
                </tr>
                <tr>
                    <th>希望するパスワード<span class="attention">※</span><br />
                    </th>
                    <td>
                        {{ form_widget(form.plain_password.first, {
                            'attr': { 'class': 'w300', 'placeholder': '半角英数記号8〜32文字' },
                            'type': 'password'
                        }) }}
                        {{ form_errors(form.plain_password.first) }}
                        <p><span class="attention mini">パスワードは半角英数字記号をそれぞれ1文字以上含む8～32文字の組み合わせで入力ください。</span></p>
                        <p><span class="attention mini">使用できる記号は+ ! - / * ~ _ ? スペースです。</span></p>
                        {{ form_widget(form.plain_password.second, {
                            'attr': { 'class': 'w300', 'placeholder': '確認のためもう一度入力してください'|trans },
                            'type': 'password'
                        }) }}
                        {{ form_errors(form.plain_password.second) }}
                        <p><span class="attention mini">確認のために2度入力してください。</span></p>
                        <!-- ▼エラーの際に表示▼-->
                        <p class="err_txt" id="err_plain_password_first"></p>
                        <p class="err_txt" id="err_plain_password_second"></p>
                        <!-- ▲エラーの際に表示▲ -->
                    </td>
                </tr>
                <tr>
                    <th>メールマガジン送付について<span class="attention">※</span></th>
                    <td>
                        <span>
                            {{ form_widget(form.mailmaga_flg) }}
                            {{ form_errors(form.mailmaga_flg) }}
                            <!-- ▼エラーの際に表示▼-->
                            <p class="err_txt" id="err_mailmaga_flg"></p>
                            <!-- ▲エラーの際に表示▲ -->
                        </span>
                    </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>

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

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

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