「富山化学工業」の版間の差分
1行目: | 1行目: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | + | <!DOCTYPE html> | |
+ | <html lang="ja" | ||
+ | data-page-id="account-input" | ||
+ | data-is-use-ko="" | ||
+ | class="bc-white" | ||
+ | prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"/> | ||
+ | <meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" /> | ||
+ | <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0"> | ||
+ | <meta name="description" content="" /> | ||
+ | <meta name="keywords" content="" /> | ||
+ | <link rel="canonical" href="https://video.unext.jp/account/input/LPFS3X9X"/> | ||
+ | <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> | ||
+ | <link rel="apple-touch-icon" href="https://video.unext.jp/apple-touch-icon.png"/> | ||
+ | <meta property="og:type" content="article" /> | ||
+ | <meta property="og:title" content="会員登録 | U-NEXT" /> | ||
+ | <meta property="og:image" content="/static/img/snsshare.png" /> | ||
+ | <meta property="og:url" content="https://video.unext.jp/account/input/LPFS3X9X" /> | ||
+ | <meta property="og:description" content="" /> | ||
+ | <meta property="og:site_name" content="U-NEXT<ユーネクスト>" /> | ||
+ | <meta property="og:locale" content="ja_JP" /> | ||
+ | <meta property="fb:admins" content="100007482434935" /> | ||
+ | <meta property="fb:app_id" content="1615543762065866" /> | ||
+ | <meta name="twitter:card" content="summary_large_image"> | ||
+ | <meta name="twitter:site" content="@watch_UNEXT"> | ||
+ | <meta name="twitter:creator" content="@watch_UNEXT"> | ||
− | |||
− | + | <title>会員登録 | U-NEXT</title> | |
− | + | <script> | |
+ | var unx = unx || {}; | ||
+ | unx.preinit = { | ||
+ | 'env' : {"isMobile":false,"isTablet":false,"isPC":true,"isWebView":false,"isAndroid":false,"isIOS":false,"isChrome":false,"isIE11":false,"isEdge":false,"isTV":false,"isPlayOnSilverlight":true,"isPlayOnDrmtoday":false} | ||
+ | }; | ||
+ | </script> | ||
− | + | <script src="/static/js/preinitialize.js"></script> | |
− | |||
− | + | <link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notosansjapanese.css"> | |
− | + | ||
+ | <link rel="stylesheet" href="/static/css/dist/rev20151009210542.all.min.css"> | ||
− | |||
− | |||
− | |||
− | + | </head> | |
+ | <body> | ||
− | + | <script> | |
+ | window.fbAsyncInit = function() { | ||
+ | FB.init({ | ||
+ | appId : '1615543762065866', | ||
+ | xfbml : true, | ||
+ | version : 'v2.3' | ||
+ | }); | ||
+ | }; | ||
− | + | (function(d, s, id){ | |
+ | var js, fjs = d.getElementsByTagName(s)[0]; | ||
+ | if (d.getElementById(id)) {return;} | ||
+ | js = d.createElement(s); js.id = id; | ||
+ | js.async = true; | ||
+ | js.src = "//connect.facebook.net/en_US/sdk.js"; | ||
+ | fjs.parentNode.insertBefore(js, fjs); | ||
+ | }(document, 'script', 'facebook-jssdk')); | ||
+ | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="app-container js-app-container"> | |
− | |||
− | + | <header class="lay-gnav--account"> | |
+ | <div class="cf"> | ||
+ | <div class="gnav--account__menu--logo"> | ||
+ | <img src="https://imgc.nxtv.jp/img/info/wf/lpm/unext.png" alt="" class="gnav--account__logo-img"> | ||
+ | </div> | ||
+ | |||
+ | <!-- STEP2, STEP3では表示しない --> | ||
+ | <a href="/login" class="gnav--account__menu--login">ログインはこちら</a> | ||
+ | </div> | ||
+ | </header><!-- /.lay-gnav--account --> | ||
− | |||
− | |||
− | |||
− | + | <div class="lay-main--account js-lay-main"> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="ui-step"> | |
+ | <ul class="ui-step__items"> | ||
+ | <li class="ui-step__item current" style="width:33%;">入力</li> | ||
+ | <li class="ui-step__item" style="width:33%;">確認</li> | ||
+ | <li class="ui-step__item--last" style="width:34%;">完了</li> | ||
+ | </ul> | ||
+ | <!-- /.ui-step__items --> | ||
+ | </div> | ||
+ | <!-- /.ui-step --> | ||
− | + | <div class="simple-box" style="max-width:1100px;"> | |
− | + | ||
+ | <div class="mt-32 pb-32 cf acc-step1-box"> | ||
+ | <div class="acc-step1-box__info"> | ||
+ | <div class="ui-space"> | ||
+ | <div class="ui-heading-set-wrap"> | ||
+ | <h1 class="ui-heading__name">31日間無料トライアル</h1> | ||
+ | </div> | ||
+ | <p class="fs-m mt-8">特典1:31日間無料で見放題!(対象:見放題動画・読み放題雑誌)<br/>特典2:600円分ポイントプレゼント!(対象:新作などのレンタル配信・コミック・書籍)</p> | ||
+ | <div class="mt-8"> | ||
+ | <a href="http://p.unext.jp/pdf/web0110.pdf" class="in-block fs-s" target="_blank">キャンペーン要項</a> | ||
+ | </div> | ||
+ | <div class="mt-32 acc-step1-box__deviceimg"> | ||
+ | <img src="/static/img/register_device.png" alt="マルチデバイス"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="acc-step1-box__form"> | |
+ | <div class="ui-space"> | ||
+ | <form class="js-acc-signup__form--step1" action="/account/confirm" method="post"> | ||
+ | <input type="hidden" name="_csrf" value="b2hpMkk2Z2wtICACf3wFJxUaWFAsBhIfWB0EWANVHy0qWQIFcGARMw=="> | ||
− | + | <h2 class="ui-hd--5">お客様情報の入力</h2> | |
+ | <div class="bc-gray-weak ph-8"> | ||
+ | <ul class="ui-list-vertical mt-8"> | ||
− | + | ||
− | + | <li class="ui-list-vertical__item" style="border-top: none"> | |
+ | <div class="ui-list-vertical__item-inner"> | ||
+ | <div class="ui-form-label w-full"> | ||
+ | <span class="ui-form-label__txt--st block">名前 (カタカナ)</span> | ||
+ | <div class="mt-8 js-acc-name__wrap"> | ||
+ | <input type="text" name="name_sei_kana" placeholder="セイ" | ||
+ | class="ui-form-txt acc-last-name js-acc-last-name " value=""><!-- | ||
+ | --><input type="text" name="name_mei_kana" placeholder="メイ" | ||
+ | class="ui-form-txt acc-first-name js-acc-first-name " value=""> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
− | + | <li class="ui-list-vertical__item"> | |
+ | <div class="ui-list-vertical__item-inner"> | ||
+ | <div class="ui-form-label w-full"> | ||
+ | <span class="ui-form-label__txt--st block">生年月日</span> | ||
+ | <div class="mt-8 js-acc-birth__wrap"> | ||
+ | <select name="birthday_year" class="ui-form-select js-acc-birth js-acc-birth--year "> | ||
+ | <option class="ui-form-option" value="">年</option> | ||
+ | <option class="ui-form-option" value="2002">2002</option><option class="ui-form-option" value="2001">2001</option><option class="ui-form-option" value="2000">2000</option><option class="ui-form-option" value="1999">1999</option><option class="ui-form-option" value="1998">1998</option><option class="ui-form-option" value="1997">1997</option><option class="ui-form-option" value="1996">1996</option><option class="ui-form-option" value="1995">1995</option><option class="ui-form-option" value="1994">1994</option><option class="ui-form-option" value="1993">1993</option><option class="ui-form-option" value="1992">1992</option><option class="ui-form-option" value="1991">1991</option><option class="ui-form-option" value="1990">1990</option><option class="ui-form-option" value="1989">1989</option><option class="ui-form-option" value="1988">1988</option><option class="ui-form-option" value="1987">1987</option><option class="ui-form-option" value="1986">1986</option><option class="ui-form-option" value="1985">1985</option><option class="ui-form-option" value="1984">1984</option><option class="ui-form-option" value="1983">1983</option><option class="ui-form-option" value="1982">1982</option><option class="ui-form-option" value="1981">1981</option><option class="ui-form-option" value="1980">1980</option><option class="ui-form-option" value="1979">1979</option><option class="ui-form-option" value="1978">1978</option><option class="ui-form-option" value="1977">1977</option><option class="ui-form-option" value="1976">1976</option><option class="ui-form-option" value="1975">1975</option><option class="ui-form-option" value="1974">1974</option><option class="ui-form-option" value="1973">1973</option><option class="ui-form-option" value="1972">1972</option><option class="ui-form-option" value="1971">1971</option><option class="ui-form-option" value="1970">1970</option><option class="ui-form-option" value="1969">1969</option><option class="ui-form-option" value="1968">1968</option><option class="ui-form-option" value="1967">1967</option><option class="ui-form-option" value="1966">1966</option><option class="ui-form-option" value="1965">1965</option><option class="ui-form-option" value="1964">1964</option><option class="ui-form-option" value="1963">1963</option><option class="ui-form-option" value="1962">1962</option><option class="ui-form-option" value="1961">1961</option><option class="ui-form-option" value="1960">1960</option><option class="ui-form-option" value="1959">1959</option><option class="ui-form-option" value="1958">1958</option><option class="ui-form-option" value="1957">1957</option><option class="ui-form-option" value="1956">1956</option><option class="ui-form-option" value="1955">1955</option><option class="ui-form-option" value="1954">1954</option><option class="ui-form-option" value="1953">1953</option><option class="ui-form-option" value="1952">1952</option><option class="ui-form-option" value="1951">1951</option><option class="ui-form-option" value="1950">1950</option><option class="ui-form-option" value="1949">1949</option><option class="ui-form-option" value="1948">1948</option><option class="ui-form-option" value="1947">1947</option><option class="ui-form-option" value="1946">1946</option><option class="ui-form-option" value="1945">1945</option><option class="ui-form-option" value="1944">1944</option><option class="ui-form-option" value="1943">1943</option><option class="ui-form-option" value="1942">1942</option><option class="ui-form-option" value="1941">1941</option><option class="ui-form-option" value="1940">1940</option><option class="ui-form-option" value="1939">1939</option><option class="ui-form-option" value="1938">1938</option><option class="ui-form-option" value="1937">1937</option><option class="ui-form-option" value="1936">1936</option><option class="ui-form-option" value="1935">1935</option><option class="ui-form-option" value="1934">1934</option><option class="ui-form-option" value="1933">1933</option><option class="ui-form-option" value="1932">1932</option><option class="ui-form-option" value="1931">1931</option><option class="ui-form-option" value="1930">1930</option><option class="ui-form-option" value="1929">1929</option><option class="ui-form-option" value="1928">1928</option><option class="ui-form-option" value="1927">1927</option><option class="ui-form-option" value="1926">1926</option><option class="ui-form-option" value="1925">1925</option><option class="ui-form-option" value="1924">1924</option><option class="ui-form-option" value="1923">1923</option><option class="ui-form-option" value="1922">1922</option><option class="ui-form-option" value="1921">1921</option><option class="ui-form-option" value="1920">1920</option><option class="ui-form-option" value="1919">1919</option><option class="ui-form-option" value="1918">1918</option><option class="ui-form-option" value="1917">1917</option><option class="ui-form-option" value="1916">1916</option><option class="ui-form-option" value="1915">1915</option><option class="ui-form-option" value="1914">1914</option><option class="ui-form-option" value="1913">1913</option> | ||
+ | </select><!-- | ||
− | + | --><select name="birthday_month" class="ui-form-select js-acc-birth js-acc-birth--month ml-16 "> | |
+ | <option class="ui-form-option" value="">月</option> | ||
+ | <option class="ui-form-option" value="1">1</option><option class="ui-form-option" value="2">2</option><option class="ui-form-option" value="3">3</option><option class="ui-form-option" value="4">4</option><option class="ui-form-option" value="5">5</option><option class="ui-form-option" value="6">6</option><option class="ui-form-option" value="7">7</option><option class="ui-form-option" value="8">8</option><option class="ui-form-option" value="9">9</option><option class="ui-form-option" value="10">10</option><option class="ui-form-option" value="11">11</option><option class="ui-form-option" value="12">12</option> | ||
+ | </select><!-- | ||
− | + | --><select name="birthday_day" class="ui-form-select js-acc-birth js-acc-birth--day ml-16 "> | |
+ | <option class="ui-form-option" value="">日</option> | ||
+ | <option class="ui-form-option" value="1">1</option><option class="ui-form-option" value="2">2</option><option class="ui-form-option" value="3">3</option><option class="ui-form-option" value="4">4</option><option class="ui-form-option" value="5">5</option><option class="ui-form-option" value="6">6</option><option class="ui-form-option" value="7">7</option><option class="ui-form-option" value="8">8</option><option class="ui-form-option" value="9">9</option><option class="ui-form-option" value="10">10</option><option class="ui-form-option" value="11">11</option><option class="ui-form-option" value="12">12</option><option class="ui-form-option" value="13">13</option><option class="ui-form-option" value="14">14</option><option class="ui-form-option" value="15">15</option><option class="ui-form-option" value="16">16</option><option class="ui-form-option" value="17">17</option><option class="ui-form-option" value="18">18</option><option class="ui-form-option" value="19">19</option><option class="ui-form-option" value="20">20</option><option class="ui-form-option" value="21">21</option><option class="ui-form-option" value="22">22</option><option class="ui-form-option" value="23">23</option><option class="ui-form-option" value="24">24</option><option class="ui-form-option" value="25">25</option><option class="ui-form-option" value="26">26</option><option class="ui-form-option" value="27">27</option><option class="ui-form-option" value="28">28</option><option class="ui-form-option" value="29">29</option><option class="ui-form-option" value="30">30</option><option class="ui-form-option" value="31">31</option> | ||
+ | </select> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
− | = | + | <li class="ui-list-vertical__item"> |
− | + | <div class="ui-list-vertical__item-inner js-acc-gender__wrap"> | |
− | + | <span class="ui-form-label__txt--st block">性別</span> | |
− | + | <div class="mt-8"> | |
− | + | <label class="ui-form-label"> | |
− | + | <input type="radio" name="sex" value="1" checked="checked" class="ui-form-radio js-acc-gender"><span class="ui-form-label__txt">男性</span> | |
− | + | </label> | |
− | + | <label class="ui-form-label"> | |
− | + | <input type="radio" name="sex" value="2" class="ui-form-radio js-acc-gender ml-32"><span class="ui-form-label__txt">女性</span> | |
− | + | </label> | |
− | + | </div> | |
− | + | </div> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | == | + | <li class="ui-list-vertical__item"> |
− | + | <div class="ui-list-vertical__item-inner"> | |
− | + | <label class="ui-form-label w-full"> | |
− | + | <span class="ui-form-label__txt--st block">メールアドレス</span> | |
− | + | <input type="text" name="email" value="" placeholder="" | |
− | + | class="ui-form-txt mt-8 js-acc-email " style="width:100%;"> | |
− | + | ||
− | + | ||
− | + | </label><br> | |
− | + | ||
− | + | ||
− | + | ||
− | == | + | <label class="ui-form-label mt-8"> |
− | + | <input type="checkbox" name="" class="ui-form-check js-acc-login-id__check" | |
− | + | checked="true" | |
− | + | ><span class="ui-form-text--info--wk">メールアドレスをログインIDにする</span> | |
− | + | </label><br> | |
− | + | <input type="hidden" name="mail_as_loginid" value="0" class="js-acc-mail-as-loginid-flag"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | == | + | <div class="acc-login-id js-acc-login-id" |
− | + | > | |
− | + | <label class="ui-form-label w-full"> | |
− | + | <span class="ui-form-label__txt--st block">ログインID</span> | |
+ | <input type="text" name="login_id" value="" placeholder="6〜50文字の半角英数字・記号" | ||
+ | class="ui-form-txt mt-8 js-acc-login-id__field " style="width:100%;" maxlength="50"> | ||
− | + | <div class="ui-form-text--info--wk">※ご希望のログインIDを設定できます。</div> | |
+ | </label> | ||
+ | </div> | ||
− | + | </div> | |
− | + | </li> | |
− | + | ||
− | {{ | + | <li class="ui-list-vertical__item"> |
− | [ | + | <div class="ui-list-vertical__item-inner"> |
− | [[ | + | <label class="ui-form-label w-full acc-pass1 js-acc-pass1"> |
− | [[ | + | <span class="ui-form-label__txt--st block">パスワード</span> |
− | [[ | + | <input type="password" name="password" value="" placeholder="6〜20文字の半角英数字・記号" |
− | [[ | + | class="ui-form-txt mt-8 js-acc-pass__field1 js-acc-pass__field--sync " style="width:100%;" maxlength="20"> |
− | [[ | + | </label> |
+ | |||
+ | <label class="ui-form-label w-full acc-pass2 js-acc-pass2"> | ||
+ | <span class="ui-form-label__txt--st block">パスワード</span> | ||
+ | <input type="text" name="" placeholder="6〜20文字の半角英数字・記号" | ||
+ | class="ui-form-txt mt-8 js-acc-pass__field2 js-acc-pass__field--sync " style="width:100%;" maxlength="20"> | ||
+ | </label> | ||
+ | |||
+ | <label class="ui-form-label w-full mt-8"> | ||
+ | <input type="checkbox" name="" class="ui-form-check js-acc-pass__check"><span class="ui-form-text--info--wk">パスワードを表示する</span> | ||
+ | </label><br> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="ui-list-vertical__item"> | ||
+ | <div class="ui-list-vertical__item-inner"> | ||
+ | <div class="ui-form-label w-full"> | ||
+ | <span class="ui-form-label__txt--st">電話番号</span><br> | ||
+ | <div class="mt-8"> | ||
+ | <div class="js-acc-tel__wrap"> | ||
+ | <input type="text" name="mob_tel_1" value="" | ||
+ | class="ui-form-txt js-acc-tel js-acc-tel1 " style="width:20%;" maxlength="4"> - <!-- | ||
+ | --><input type="text" name="mob_tel_2" value="" | ||
+ | class="ui-form-txt js-acc-tel js-acc-tel2 " style="width:20%;" maxlength="4"> - <!-- | ||
+ | --><input type="text" name="mob_tel_3" value="" | ||
+ | class="ui-form-txt js-acc-tel js-acc-tel3 " style="width:20%;" maxlength="4"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div><br> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li class="ui-list-vertical__item"> | ||
+ | <div class="ui-list-vertical__item-inner"> | ||
+ | <label class="ui-form-label w-full"> | ||
+ | <input type="checkbox" name="" class="ui-form-check js-acc-gift-cd__check" | ||
+ | ><span class="ui-form-text--info--wk">ギフトコードを入力する</span> | ||
+ | </label><br> | ||
+ | <div class="ui-form-text--info--wk">※ギフトコードをお持ちの方は、チェックをして入力ください。</div> | ||
+ | |||
+ | <label class="ui-form-label w-full mt-8 acc-gift-cd js-acc-gift-cd"> | ||
+ | <input type="text" name="gift_code" value="" placeholder="ABCDE12345" | ||
+ | class="ui-form-txt js-acc-gift-cd__field " style="width:100%;"> | ||
+ | </label> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | </ul> | ||
+ | <input type="hidden" name="mail_magazine_flag" value="0" class="js-acc-mail-magazine-flag"> | ||
+ | |||
+ | <div class="ui-btns mt-32"> | ||
+ | <button type="button" class="ui-btn--l js-acc-btn--next"><span class="ui-btn__text ph-32">次へ</span></button> | ||
+ | </div> | ||
+ | |||
+ | <div class="ssl-seal"> | ||
+ | <script type="text/javascript" src="https://seal.verisign.com/getseal?host_name=unext.jp&size=S&use_flash=NO&use_transparent=YES&lang=ja"></script> | ||
+ | </div> | ||
+ | <!-- /.ssl-seal --> | ||
+ | </div> | ||
+ | </form> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!-- /.simple-box --> | ||
+ | |||
+ | <!-- ****** begin embed tag ****** --> | ||
+ | <!-- PC Start --> | ||
+ | |||
+ | <!--(オープンキャンペーン)--> | ||
+ | <!-- begin クリックアナリシスタグ tag --> | ||
+ | <script type='text/javascript' charset='utf-8' src='//click.showcase-tv.jp/click/ClickIndex.js' id='unext/20120528142152'></script> | ||
+ | <noscript><img src='//click.showcase-tv.jp/click/ClickIndex.php?mode=noscript&id=unext&pg=20120528142152' width='0' height='0' /></noscript> | ||
+ | <!-- end of クリックアナリシスタグ tag --> | ||
+ | |||
+ | <!-- PC End --> | ||
+ | <!-- ****** end of embed tag ****** --> | ||
+ | |||
+ | |||
+ | |||
+ | </div><!-- /.lay-main --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <!-- /.app-container --> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="jsui-toast jsui-toast"> | ||
+ | <div class="jsui-toast__panel jsui-toast__panel"> | ||
+ | <div class="jsui-toast__msgbox cell"> | ||
+ | <span class="ico unx-ico-check jsui-toast__icon pr-8 va-m"></span> | ||
+ | <span class="jsui-toast__msg va-m"></span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <script> | ||
+ | |||
+ | var unx = unx || {}; | ||
+ | unx.usrinfo = unx.usrinfo || {}; | ||
+ | |||
+ | unx.usrinfo = { | ||
+ | isLogin: false }; | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <!--[if lte IE8]> | ||
+ | <script src="/static/lib/jquery-1.11.2.min.js"></script><![endif]--> | ||
+ | |||
+ | |||
+ | |||
+ | <script src="/static/js/dist/rev20151009210542.all.min.js"></script> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | !function(t,e){if(void 0===e[t]){e[t]=function(){e[t].clients.push(this),this._init=[Array.prototype.slice.call(arguments)]},e[t].clients=[];for(var r=function(t){return function(){return this["_"+t]=this["_"+t]||[],this["_"+t].push(Array.prototype.slice.call(arguments)),this}},s=["addRecord","set","trackEvent","trackPageview","ready"],n=0;n<s.length;n++){var i=s[n];e[t].prototype[i]=r(i)}var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"===document.location.protocol?"https:":"http:")+"//s3.amazonaws.com/td-cdn/sdk/td-1.2.0.js";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(a,c)}}("Treasure",this); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | var unx = unx || {}; | ||
+ | unx.td = {}; | ||
+ | |||
+ | unx.td.writeKey = '5561/009da378c9fb9a70e621669e98a06e16d25041ef'; | ||
+ | unx.td.database = 'unext_log_db'; | ||
+ | |||
+ | |||
+ | var td = new Treasure({ | ||
+ | writeKey: unx.td.writeKey, | ||
+ | database: unx.td.database | ||
+ | }); | ||
+ | td.trackPageview('page_transition_log'); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | <script src="/static/analytics/analytics.unext.js"></script> | ||
+ | |||
+ | |||
+ | |||
+ | <script> | ||
+ | $(function() { | ||
+ | unx.acc.elm = { | ||
+ | $userDataForm : $('.js-acc-signup__form--step1'), | ||
+ | $fbLogin : $('.js-acc-fb-login'), | ||
+ | $btnNext : $('.js-acc-btn--next'), | ||
+ | $btnZipSearch : $('.js-acc-zip-search'), | ||
+ | |||
+ | $wrapNameKana : $('.js-acc-name__wrap'), | ||
+ | $txtSeiKana : $('.js-acc-last-name'), | ||
+ | $txtMeiKana : $('.js-acc-first-name'), | ||
+ | |||
+ | $wrapBirth : $('.js-acc-birth__wrap'), | ||
+ | $selBirthY : $('.js-acc-birth--year'), | ||
+ | $selBirthM : $('.js-acc-birth--month'), | ||
+ | $selBirthD : $('.js-acc-birth--day'), | ||
+ | |||
+ | $txtEmail : $('.js-acc-email'), | ||
+ | |||
+ | $chkLoginIdEmail : $('.js-acc-login-id__check'), | ||
+ | $txtLoginId : $('.js-acc-login-id__field'), | ||
+ | |||
+ | $txtPass1 : $('.js-acc-pass__field1'), | ||
+ | $txtPass2 : $('.js-acc-pass__field2'), | ||
+ | |||
+ | $wrapTel : $('.js-acc-tel__wrap'), | ||
+ | $txtTel1 : $('.js-acc-tel1'), | ||
+ | $txtTel2 : $('.js-acc-tel2'), | ||
+ | $txtTel3 : $('.js-acc-tel3'), | ||
+ | |||
+ | $wrapZip : $('.js-acc-zip__wrap'), | ||
+ | $txtZip1 : $('.js-acc-zip1'), | ||
+ | $txtZip2 : $('.js-acc-zip2'), | ||
+ | $txtAddress1 : $('.js-acc-address1'), | ||
+ | $txtAddress2 : $('.js-acc-address2'), | ||
+ | $txtAddress3 : $('.js-acc-address3'), | ||
+ | $txtAddress4 : $('.js-acc-address4'), | ||
+ | |||
+ | $chkGiftCode : $('.js-acc-gift-cd__check'), | ||
+ | $txtGiftCode : $('.js-acc-gift-cd__field'), | ||
+ | |||
+ | $selSignPref : $('.js-acc-sign__pref'), | ||
+ | $selSignShop : $('.js-acc-sign__shop'), | ||
+ | |||
+ | $chkStaffCode : $('.js-acc-staff-cd__check'), | ||
+ | $txtStaffCode : $('.js-acc-staff-cd__field'), | ||
+ | |||
+ | $mailMagFlag : $('.js-acc-mail-magazine-flag'), | ||
+ | $mailMagFlagInput : $('.js-acc-mail-magazine-flag__input') | ||
+ | }; | ||
+ | |||
+ | |||
+ | // Facebook簡易登録 | ||
+ | // unx.acc.elm.$fbLogin.on('click', function() { | ||
+ | // FB.login(function(res) { | ||
+ | // if ( res.status !== 'connected' ) return; | ||
+ | // FB.api('/me', function(res) { | ||
+ | // if(window.console) console.dir(res); | ||
+ | // // res.id | ||
+ | // // res.name | ||
+ | // // res.last_name | ||
+ | // // res.first_name | ||
+ | // // res.birthday | ||
+ | // // res.gender | ||
+ | // // res.email | ||
+ | // // res.link | ||
+ | // // res.locale | ||
+ | // // res.timezone | ||
+ | // // res.updated_time | ||
+ | // }); | ||
+ | // }); | ||
+ | // }); | ||
+ | |||
+ | |||
+ | // 郵便番号 -> 住所検索処理 | ||
+ | unx.acc.elm.$btnZipSearch.on('click', function() { | ||
+ | var _errCount = 0, | ||
+ | _elm = unx.acc.elm, | ||
+ | _zip1 = _elm.$txtZip1.val(), | ||
+ | _zip2 = _elm.$txtZip2.val(), | ||
+ | _ajaxUrl = $(this).attr('data-ajax-url'), | ||
+ | _addressList = null; | ||
+ | |||
+ | // 郵便番号 入力チェック | ||
+ | if( unx.vali.isEmpty( _zip1 ) ) _errCount++; | ||
+ | if( unx.vali.isEmpty( _zip2 ) ) _errCount++; | ||
+ | if( !unx.vali.isInRange( _zip1, {min:3} ) ) _errCount++; | ||
+ | if( !unx.vali.isInRange( _zip2, {min:4} ) ) _errCount++; | ||
+ | if( !unx.vali.isMatchType( _zip1, unx.vali.REG.NUM ) ) _errCount++; | ||
+ | if( !unx.vali.isMatchType( _zip2, unx.vali.REG.NUM ) ) _errCount++; | ||
+ | |||
+ | if(_errCount > 0) { | ||
+ | alert('郵便番号の入力が不正です。'); | ||
+ | } else { | ||
+ | unx.acc.zipSearch({ajaxUrl:_ajaxUrl, zipCode: '' + _zip1 + _zip2}, function(addressList) { | ||
+ | $('.js-acc-address1').val(addressList[0]); | ||
+ | $('.js-acc-address2').val(addressList[1]); | ||
+ | $('.js-acc-address3').val(addressList[2]); | ||
+ | }); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | |||
+ | // 看板表示 <select> イベント処理 | ||
+ | unx.acc.elm.$selSignPref.on('change', function() { | ||
+ | if( $(this).val()==='' ) return; | ||
+ | |||
+ | var _selectedIndex = $(this).find('option:selected').index()-1; | ||
+ | _shopData = unx.sign.list[_selectedIndex].shop, | ||
+ | _shopOptionTpl = $('.tpl-acc-sign__shop-option').text(); | ||
+ | $shop = unx.acc.elm.$selSignShop; | ||
+ | |||
+ | $shop.find('option:first').nextAll().remove(); | ||
+ | |||
+ | for(var i=0,l=_shopData.length; i<l; i++) { | ||
+ | $shop.append( | ||
+ | '<option class="ui-form-option" value="'+_shopData[i].code+'">'+_shopData[i].name+'</option>'); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | |||
+ | // メルマガ送信許可フラグ イベント処理 | ||
+ | unx.acc.elm.$mailMagFlagInput.on('change', function() { | ||
+ | if( $(this).is(':checked') ) { | ||
+ | unx.acc.elm.$mailMagFlag.val( $(this).val() ); | ||
+ | } else { | ||
+ | unx.acc.elm.$mailMagFlag.val( '0' ); | ||
+ | } | ||
+ | }) | ||
+ | .change(); | ||
+ | |||
+ | |||
+ | // 2度押し回避 | ||
+ | unx.acc.disable2ndClick = new unx.util.Disable2ndClick(unx.acc.elm.$btnNext); | ||
+ | |||
+ | |||
+ | // フォーム送信時 validation処理 | ||
+ | unx.acc.elm.$btnNext.on('click', function() { | ||
+ | var _errCount = 0, | ||
+ | _elm = unx.acc.elm; | ||
+ | |||
+ | // エラー表示リセット | ||
+ | $('.ui-error').each(function() { | ||
+ | $(this).removeClass('ui-error'); | ||
+ | }); | ||
+ | $('.ui-form-error__txt').each(function() { | ||
+ | $(this).remove(); | ||
+ | }); | ||
+ | |||
+ | // 名(カタカナ) 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtMeiKana.val() )) { | ||
+ | _elm.$txtMeiKana.addClass('ui-error'); | ||
+ | _elm.$wrapNameKana.after('<div class="ui-form-error__txt">名(カタカナ)は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // 姓(カタカナ) 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtSeiKana.val() )) { | ||
+ | _elm.$txtSeiKana.addClass('ui-error'); | ||
+ | _elm.$wrapNameKana.after('<div class="ui-form-error__txt">姓(カタカナ)は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | |||
+ | // Eメール 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtEmail.val() )) { | ||
+ | _elm.$txtEmail | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt">メールアドレスは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | |||
+ | // ログインID 必須チェック | ||
+ | if( !_elm.$chkLoginIdEmail.is(':checked') ) { | ||
+ | if(unx.vali.isEmpty( _elm.$txtLoginId.val() )) { | ||
+ | _elm.$txtLoginId | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt">ログインIDは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | // パスワード1 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtPass1.val() )) { | ||
+ | _elm.$txtPass1 | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt">パスワードは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // パスワード1 文字数チェック | ||
+ | if(!unx.vali.isInRange( _elm.$txtPass1.val(), {min:6, max:20} )) { | ||
+ | _elm.$txtPass1 | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt">6〜20'+unx.vali.ERR_MSG.RANGE+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // パスワード2 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtPass2.val() )) { | ||
+ | _elm.$txtPass2 | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt">パスワードは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // パスワード2 文字数チェック | ||
+ | if(!unx.vali.isInRange( _elm.$txtPass2.val(), {min:6, max:20} )) { | ||
+ | _elm.$txtPass2 | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt">6〜20'+unx.vali.ERR_MSG.RANGE+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | |||
+ | // 生年月日・日 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$selBirthD.val() )) { | ||
+ | _elm.$selBirthD.addClass('ui-error'); | ||
+ | _elm.$wrapBirth.after('<div class="ui-form-error__txt mv-8">生年月日・日は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // 生年月日・月 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$selBirthM.val() )) { | ||
+ | _elm.$selBirthM.addClass('ui-error'); | ||
+ | _elm.$wrapBirth.after('<div class="ui-form-error__txt mv-8">生年月日・月は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // 生年月日・年 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$selBirthY.val() )) { | ||
+ | _elm.$selBirthY.addClass('ui-error'); | ||
+ | _elm.$wrapBirth.after('<div class="ui-form-error__txt mv-8">生年月日・年は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | |||
+ | // TEL1 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtTel1.val() )) { | ||
+ | _elm.$txtTel1.addClass('ui-error'); | ||
+ | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号1は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // TEL1 型チェック | ||
+ | if(!unx.vali.isMatchType( _elm.$txtTel1.val(), unx.vali.REG.NUM )) { | ||
+ | _elm.$txtTel1.addClass('ui-error'); | ||
+ | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号1は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | |||
+ | // TEL2 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtTel2.val() )) { | ||
+ | _elm.$txtTel2.addClass('ui-error'); | ||
+ | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号2は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // TEL2 型チェック | ||
+ | if(!unx.vali.isMatchType( _elm.$txtTel2.val(), unx.vali.REG.NUM )) { | ||
+ | _elm.$txtTel2.addClass('ui-error'); | ||
+ | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号2は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // TEL3 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtTel3.val() )) { | ||
+ | _elm.$txtTel3.addClass('ui-error'); | ||
+ | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号3は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // TEL3 型チェック | ||
+ | if(!unx.vali.isMatchType( _elm.$txtTel3.val(), unx.vali.REG.NUM )) { | ||
+ | _elm.$txtTel3.addClass('ui-error'); | ||
+ | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号3は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | if (_elm.$txtZip1.size() > 0) { | ||
+ | // 郵便番号1 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtZip1.val() )) { | ||
+ | _elm.$txtZip1.addClass('ui-error'); | ||
+ | _elm.$wrapZip.after('<div class="ui-form-error__txt mv-8">郵便番号1は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // 郵便番号1 型チェック | ||
+ | if(!unx.vali.isMatchType( _elm.$txtZip1.val(), unx.vali.REG.NUM )) { | ||
+ | _elm.$txtZip1.addClass('ui-error'); | ||
+ | _elm.$wrapZip.after('<div class="ui-form-error__txt mv-8">郵便番号1は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // 郵便番号2 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtZip2.val() )) { | ||
+ | _elm.$txtZip2.addClass('ui-error'); | ||
+ | _elm.$wrapZip.after('<div class="ui-form-error__txt mv-8">郵便番号2は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // 郵便番号2 型チェック | ||
+ | if(!unx.vali.isMatchType( _elm.$txtZip2.val(), unx.vali.REG.NUM )) { | ||
+ | _elm.$txtZip2.addClass('ui-error'); | ||
+ | _elm.$wrapZip.after('<div class="ui-form-error__txt mv-8">郵便番号2は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // 住所1 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtAddress1.val() )) { | ||
+ | _elm.$txtAddress1 | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt mv-8">住所1は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | // 住所2 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$txtAddress2.val() )) { | ||
+ | _elm.$txtAddress2 | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt mv-8">住所2は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | // ギフトコード 必須チェック | ||
+ | if( _elm.$chkGiftCode.is(':checked') ) { | ||
+ | if(unx.vali.isEmpty( _elm.$txtGiftCode.val() )) { | ||
+ | _elm.$txtGiftCode | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt">ギフトコードは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | if(!unx.vali.isMatchType( _elm.$txtGiftCode.val(), unx.vali.REG.HALF_EN_NUM )) { | ||
+ | _elm.$txtGiftCode | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt mv-8">ギフトコードは'+unx.vali.ERR_MSG.HALF_EN_NUM+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | if (_elm.$selSignShop.size() > 0) { | ||
+ | // 看板表示 必須チェック | ||
+ | if(unx.vali.isEmpty( _elm.$selSignShop.val() )) { | ||
+ | _elm.$selSignShop | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt">店舗選択は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | if (_elm.$chkStaffCode.size() >0) { | ||
+ | // 販売店CD 必須チェック | ||
+ | if( _elm.$chkStaffCode.is(':checked') ) { | ||
+ | if(unx.vali.isEmpty( _elm.$txtStaffCode.val() )) { | ||
+ | _elm.$txtStaffCode | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt">販売店CDは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | if(!unx.vali.isMatchType( _elm.$txtStaffCode.val(), unx.vali.REG.HALF_EN_NUM )) { | ||
+ | _elm.$txtStaffCode | ||
+ | .addClass('ui-error') | ||
+ | .after('<div class="ui-form-error__txt mv-8">販売店CDは'+unx.vali.ERR_MSG.HALF_EN_NUM+'</div>'); | ||
+ | _errCount++; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | if(_errCount <= 0) { | ||
+ | _elm.$userDataForm.submit(); | ||
+ | } else { | ||
+ | unx.acc.disable2ndClick.reset(); // 2度押し禁止状態 解除 | ||
+ | unx.common.smoothScroll.scroll(); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | </html> |
2015年10月10日 (土) 11:34時点における版
<!DOCTYPE html>
<html lang="ja"
data-page-id="account-input" data-is-use-ko="" class="bc-white" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0"> <meta name="description" content="" /> <meta name="keywords" content="" /> <link rel="canonical" href="https://video.unext.jp/account/input/LPFS3X9X"/> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <link rel="apple-touch-icon" href=""/> <meta property="og:type" content="article" /> <meta property="og:title" content="会員登録 | U-NEXT" /> <meta property="og:image" content="/static/img/snsshare.png" /> <meta property="og:url" content="https://video.unext.jp/account/input/LPFS3X9X" /> <meta property="og:description" content="" /> <meta property="og:site_name" content="U-NEXT<ユーネクスト>" /> <meta property="og:locale" content="ja_JP" /> <meta property="fb:admins" content="100007482434935" /> <meta property="fb:app_id" content="1615543762065866" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@watch_UNEXT"> <meta name="twitter:creator" content="@watch_UNEXT">
<title>会員登録 | U-NEXT</title>
<script>
var unx = unx || {}; unx.preinit = { 'env' : {"isMobile":false,"isTablet":false,"isPC":true,"isWebView":false,"isAndroid":false,"isIOS":false,"isChrome":false,"isIE11":false,"isEdge":false,"isTV":false,"isPlayOnSilverlight":true,"isPlayOnDrmtoday":false} };
</script>
<script src="/static/js/preinitialize.js"></script>
<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notosansjapanese.css">
<link rel="stylesheet" href="/static/css/dist/rev20151009210542.all.min.css">
</head>
<body>
<script>
window.fbAsyncInit = function() { FB.init({ appId : '1615543762065866', xfbml : true, version : 'v2.3' }); };
(function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));
</script>
<header class="lay-gnav--account">
<a href="/login" class="gnav--account__menu--login">ログインはこちら</a>
</header>
- 入力
- 確認
- 完了
31日間無料トライアル
特典1:31日間無料で見放題!(対象:見放題動画・読み放題雑誌)
特典2:600円分ポイントプレゼント!(対象:新作などのレンタル配信・コミック・書籍)
<a href="http://p.unext.jp/pdf/web0110.pdf" class="in-block fs-s" target="_blank">キャンペーン要項</a>
<img src="/static/img/register_device.png" alt="マルチデバイス">
<form class="js-acc-signup__form--step1" action="/account/confirm" method="post"> <input type="hidden" name="_csrf" value="b2hpMkk2Z2wtICACf3wFJxUaWFAsBhIfWB0EWANVHy0qWQIFcGARMw==">
お客様情報の入力
-
名前 (カタカナ)
<input type="text" name="name_sei_kana" placeholder="セイ" class="ui-form-txt acc-last-name js-acc-last-name " value=""><input type="text" name="name_mei_kana" placeholder="メイ" class="ui-form-txt acc-first-name js-acc-first-name " value="">
-
生年月日
<select name="birthday_year" class="ui-form-select js-acc-birth js-acc-birth--year "> <option class="ui-form-option" value="">年</option> <option class="ui-form-option" value="2002">2002</option><option class="ui-form-option" value="2001">2001</option><option class="ui-form-option" value="2000">2000</option><option class="ui-form-option" value="1999">1999</option><option class="ui-form-option" value="1998">1998</option><option class="ui-form-option" value="1997">1997</option><option class="ui-form-option" value="1996">1996</option><option class="ui-form-option" value="1995">1995</option><option class="ui-form-option" value="1994">1994</option><option class="ui-form-option" value="1993">1993</option><option class="ui-form-option" value="1992">1992</option><option class="ui-form-option" value="1991">1991</option><option class="ui-form-option" value="1990">1990</option><option class="ui-form-option" value="1989">1989</option><option class="ui-form-option" value="1988">1988</option><option class="ui-form-option" value="1987">1987</option><option class="ui-form-option" value="1986">1986</option><option class="ui-form-option" value="1985">1985</option><option class="ui-form-option" value="1984">1984</option><option class="ui-form-option" value="1983">1983</option><option class="ui-form-option" value="1982">1982</option><option class="ui-form-option" value="1981">1981</option><option class="ui-form-option" value="1980">1980</option><option class="ui-form-option" value="1979">1979</option><option class="ui-form-option" value="1978">1978</option><option class="ui-form-option" value="1977">1977</option><option class="ui-form-option" value="1976">1976</option><option class="ui-form-option" value="1975">1975</option><option class="ui-form-option" value="1974">1974</option><option class="ui-form-option" value="1973">1973</option><option class="ui-form-option" value="1972">1972</option><option class="ui-form-option" value="1971">1971</option><option class="ui-form-option" value="1970">1970</option><option class="ui-form-option" value="1969">1969</option><option class="ui-form-option" value="1968">1968</option><option class="ui-form-option" value="1967">1967</option><option class="ui-form-option" value="1966">1966</option><option class="ui-form-option" value="1965">1965</option><option class="ui-form-option" value="1964">1964</option><option class="ui-form-option" value="1963">1963</option><option class="ui-form-option" value="1962">1962</option><option class="ui-form-option" value="1961">1961</option><option class="ui-form-option" value="1960">1960</option><option class="ui-form-option" value="1959">1959</option><option class="ui-form-option" value="1958">1958</option><option class="ui-form-option" value="1957">1957</option><option class="ui-form-option" value="1956">1956</option><option class="ui-form-option" value="1955">1955</option><option class="ui-form-option" value="1954">1954</option><option class="ui-form-option" value="1953">1953</option><option class="ui-form-option" value="1952">1952</option><option class="ui-form-option" value="1951">1951</option><option class="ui-form-option" value="1950">1950</option><option class="ui-form-option" value="1949">1949</option><option class="ui-form-option" value="1948">1948</option><option class="ui-form-option" value="1947">1947</option><option class="ui-form-option" value="1946">1946</option><option class="ui-form-option" value="1945">1945</option><option class="ui-form-option" value="1944">1944</option><option class="ui-form-option" value="1943">1943</option><option class="ui-form-option" value="1942">1942</option><option class="ui-form-option" value="1941">1941</option><option class="ui-form-option" value="1940">1940</option><option class="ui-form-option" value="1939">1939</option><option class="ui-form-option" value="1938">1938</option><option class="ui-form-option" value="1937">1937</option><option class="ui-form-option" value="1936">1936</option><option class="ui-form-option" value="1935">1935</option><option class="ui-form-option" value="1934">1934</option><option class="ui-form-option" value="1933">1933</option><option class="ui-form-option" value="1932">1932</option><option class="ui-form-option" value="1931">1931</option><option class="ui-form-option" value="1930">1930</option><option class="ui-form-option" value="1929">1929</option><option class="ui-form-option" value="1928">1928</option><option class="ui-form-option" value="1927">1927</option><option class="ui-form-option" value="1926">1926</option><option class="ui-form-option" value="1925">1925</option><option class="ui-form-option" value="1924">1924</option><option class="ui-form-option" value="1923">1923</option><option class="ui-form-option" value="1922">1922</option><option class="ui-form-option" value="1921">1921</option><option class="ui-form-option" value="1920">1920</option><option class="ui-form-option" value="1919">1919</option><option class="ui-form-option" value="1918">1918</option><option class="ui-form-option" value="1917">1917</option><option class="ui-form-option" value="1916">1916</option><option class="ui-form-option" value="1915">1915</option><option class="ui-form-option" value="1914">1914</option><option class="ui-form-option" value="1913">1913</option> </select><select name="birthday_month" class="ui-form-select js-acc-birth js-acc-birth--month ml-16 "> <option class="ui-form-option" value="">月</option> <option class="ui-form-option" value="1">1</option><option class="ui-form-option" value="2">2</option><option class="ui-form-option" value="3">3</option><option class="ui-form-option" value="4">4</option><option class="ui-form-option" value="5">5</option><option class="ui-form-option" value="6">6</option><option class="ui-form-option" value="7">7</option><option class="ui-form-option" value="8">8</option><option class="ui-form-option" value="9">9</option><option class="ui-form-option" value="10">10</option><option class="ui-form-option" value="11">11</option><option class="ui-form-option" value="12">12</option> </select><select name="birthday_day" class="ui-form-select js-acc-birth js-acc-birth--day ml-16 "> <option class="ui-form-option" value="">日</option> <option class="ui-form-option" value="1">1</option><option class="ui-form-option" value="2">2</option><option class="ui-form-option" value="3">3</option><option class="ui-form-option" value="4">4</option><option class="ui-form-option" value="5">5</option><option class="ui-form-option" value="6">6</option><option class="ui-form-option" value="7">7</option><option class="ui-form-option" value="8">8</option><option class="ui-form-option" value="9">9</option><option class="ui-form-option" value="10">10</option><option class="ui-form-option" value="11">11</option><option class="ui-form-option" value="12">12</option><option class="ui-form-option" value="13">13</option><option class="ui-form-option" value="14">14</option><option class="ui-form-option" value="15">15</option><option class="ui-form-option" value="16">16</option><option class="ui-form-option" value="17">17</option><option class="ui-form-option" value="18">18</option><option class="ui-form-option" value="19">19</option><option class="ui-form-option" value="20">20</option><option class="ui-form-option" value="21">21</option><option class="ui-form-option" value="22">22</option><option class="ui-form-option" value="23">23</option><option class="ui-form-option" value="24">24</option><option class="ui-form-option" value="25">25</option><option class="ui-form-option" value="26">26</option><option class="ui-form-option" value="27">27</option><option class="ui-form-option" value="28">28</option><option class="ui-form-option" value="29">29</option><option class="ui-form-option" value="30">30</option><option class="ui-form-option" value="31">31</option> </select>
-
性別
<label class="ui-form-label"> <input type="radio" name="sex" value="1" checked="checked" class="ui-form-radio js-acc-gender">男性 </label> <label class="ui-form-label"> <input type="radio" name="sex" value="2" class="ui-form-radio js-acc-gender ml-32">女性 </label>
-
<label class="ui-form-label w-full"> メールアドレス <input type="text" name="email" value="" placeholder="" class="ui-form-txt mt-8 js-acc-email " style="width:100%;">
</label>
<label class="ui-form-label mt-8"> <input type="checkbox" name="" class="ui-form-check js-acc-login-id__check" checked="true" >メールアドレスをログインIDにする </label>
<input type="hidden" name="mail_as_loginid" value="0" class="js-acc-mail-as-loginid-flag"><label class="ui-form-label w-full"> ログインID <input type="text" name="login_id" value="" placeholder="6〜50文字の半角英数字・記号" class="ui-form-txt mt-8 js-acc-login-id__field " style="width:100%;" maxlength="50">
※ご希望のログインIDを設定できます。</label>
-
<label class="ui-form-label w-full acc-pass1 js-acc-pass1"> パスワード <input type="password" name="password" value="" placeholder="6〜20文字の半角英数字・記号" class="ui-form-txt mt-8 js-acc-pass__field1 js-acc-pass__field--sync " style="width:100%;" maxlength="20"> </label>
<label class="ui-form-label w-full acc-pass2 js-acc-pass2"> パスワード <input type="text" name="" placeholder="6〜20文字の半角英数字・記号" class="ui-form-txt mt-8 js-acc-pass__field2 js-acc-pass__field--sync " style="width:100%;" maxlength="20"> </label>
<label class="ui-form-label w-full mt-8"> <input type="checkbox" name="" class="ui-form-check js-acc-pass__check">パスワードを表示する </label>
-
電話番号
<input type="text" name="mob_tel_1" value="" class="ui-form-txt js-acc-tel js-acc-tel1 " style="width:20%;" maxlength="4"> - <input type="text" name="mob_tel_2" value="" class="ui-form-txt js-acc-tel js-acc-tel2 " style="width:20%;" maxlength="4"> - <input type="text" name="mob_tel_3" value="" class="ui-form-txt js-acc-tel js-acc-tel3 " style="width:20%;" maxlength="4">
-
<label class="ui-form-label w-full"> <input type="checkbox" name="" class="ui-form-check js-acc-gift-cd__check" >ギフトコードを入力する </label>
※ギフトコードをお持ちの方は、チェックをして入力ください。<label class="ui-form-label w-full mt-8 acc-gift-cd js-acc-gift-cd"> <input type="text" name="gift_code" value="" placeholder="ABCDE12345" class="ui-form-txt js-acc-gift-cd__field " style="width:100%;"> </label>
<input type="hidden" name="mail_magazine_flag" value="0" class="js-acc-mail-magazine-flag">
<button type="button" class="ui-btn--l js-acc-btn--next">次へ</button>
<script type="text/javascript" src="https://seal.verisign.com/getseal?host_name=unext.jp&size=S&use_flash=NO&use_transparent=YES&lang=ja"></script>
</form>
<script type='text/javascript' charset='utf-8' src='//click.showcase-tv.jp/click/ClickIndex.js' id='unext/20120528142152'></script> <noscript><img src='//click.showcase-tv.jp/click/ClickIndex.php?mode=noscript&id=unext&pg=20120528142152' width='0' height='0' /></noscript>
<script>
var unx = unx || {}; unx.usrinfo = unx.usrinfo || {}; unx.usrinfo = { isLogin: false };
</script>
<script src="/static/js/dist/rev20151009210542.all.min.js"></script>
<script type="text/javascript">
!function(t,e){if(void 0===e[t]){e[t]=function(){e[t].clients.push(this),this._init=[Array.prototype.slice.call(arguments)]},e[t].clients=[];for(var r=function(t){return function(){return this["_"+t]=this["_"+t]||[],this["_"+t].push(Array.prototype.slice.call(arguments)),this}},s=["addRecord","set","trackEvent","trackPageview","ready"],n=0;n<s.length;n++){var i=s[n];e[t].prototype[i]=r(i)}var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"===document.location.protocol?"https:":"http:")+"//s3.amazonaws.com/td-cdn/sdk/td-1.2.0.js";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(a,c)}}("Treasure",this);
</script>
<script type="text/javascript">
var unx = unx || {}; unx.td = {};
unx.td.writeKey = '5561/009da378c9fb9a70e621669e98a06e16d25041ef'; unx.td.database = 'unext_log_db';
var td = new Treasure({ writeKey: unx.td.writeKey, database: unx.td.database }); td.trackPageview('page_transition_log');
</script>
<script src="/static/analytics/analytics.unext.js"></script>
<script> $(function() { unx.acc.elm = { $userDataForm : $('.js-acc-signup__form--step1'), $fbLogin : $('.js-acc-fb-login'), $btnNext : $('.js-acc-btn--next'), $btnZipSearch : $('.js-acc-zip-search'),
$wrapNameKana : $('.js-acc-name__wrap'), $txtSeiKana : $('.js-acc-last-name'), $txtMeiKana : $('.js-acc-first-name'),
$wrapBirth : $('.js-acc-birth__wrap'), $selBirthY : $('.js-acc-birth--year'), $selBirthM : $('.js-acc-birth--month'), $selBirthD : $('.js-acc-birth--day'),
$txtEmail : $('.js-acc-email'),
$chkLoginIdEmail : $('.js-acc-login-id__check'), $txtLoginId : $('.js-acc-login-id__field'),
$txtPass1 : $('.js-acc-pass__field1'), $txtPass2 : $('.js-acc-pass__field2'),
$wrapTel : $('.js-acc-tel__wrap'), $txtTel1 : $('.js-acc-tel1'), $txtTel2 : $('.js-acc-tel2'), $txtTel3 : $('.js-acc-tel3'),
$wrapZip : $('.js-acc-zip__wrap'), $txtZip1 : $('.js-acc-zip1'), $txtZip2 : $('.js-acc-zip2'), $txtAddress1 : $('.js-acc-address1'), $txtAddress2 : $('.js-acc-address2'), $txtAddress3 : $('.js-acc-address3'), $txtAddress4 : $('.js-acc-address4'),
$chkGiftCode : $('.js-acc-gift-cd__check'), $txtGiftCode : $('.js-acc-gift-cd__field'),
$selSignPref : $('.js-acc-sign__pref'), $selSignShop : $('.js-acc-sign__shop'),
$chkStaffCode : $('.js-acc-staff-cd__check'), $txtStaffCode : $('.js-acc-staff-cd__field'),
$mailMagFlag : $('.js-acc-mail-magazine-flag'), $mailMagFlagInput : $('.js-acc-mail-magazine-flag__input') };
// Facebook簡易登録 // unx.acc.elm.$fbLogin.on('click', function() { // FB.login(function(res) { // if ( res.status !== 'connected' ) return; // FB.api('/me', function(res) { // if(window.console) console.dir(res); // // res.id // // res.name // // res.last_name // // res.first_name // // res.birthday // // res.gender // // res.email // // res.link // // res.locale // // res.timezone // // res.updated_time // }); // }); // });
// 郵便番号 -> 住所検索処理 unx.acc.elm.$btnZipSearch.on('click', function() { var _errCount = 0, _elm = unx.acc.elm, _zip1 = _elm.$txtZip1.val(), _zip2 = _elm.$txtZip2.val(), _ajaxUrl = $(this).attr('data-ajax-url'), _addressList = null;
// 郵便番号 入力チェック if( unx.vali.isEmpty( _zip1 ) ) _errCount++; if( unx.vali.isEmpty( _zip2 ) ) _errCount++; if( !unx.vali.isInRange( _zip1, {min:3} ) ) _errCount++; if( !unx.vali.isInRange( _zip2, {min:4} ) ) _errCount++; if( !unx.vali.isMatchType( _zip1, unx.vali.REG.NUM ) ) _errCount++; if( !unx.vali.isMatchType( _zip2, unx.vali.REG.NUM ) ) _errCount++;
if(_errCount > 0) { alert('郵便番号の入力が不正です。'); } else { unx.acc.zipSearch({ajaxUrl:_ajaxUrl, zipCode: + _zip1 + _zip2}, function(addressList) { $('.js-acc-address1').val(addressList[0]); $('.js-acc-address2').val(addressList[1]); $('.js-acc-address3').val(addressList[2]); }); } });
// 看板表示 <select> イベント処理 unx.acc.elm.$selSignPref.on('change', function() { if( $(this).val()=== ) return;
var _selectedIndex = $(this).find('option:selected').index()-1; _shopData = unx.sign.list[_selectedIndex].shop, _shopOptionTpl = $('.tpl-acc-sign__shop-option').text(); $shop = unx.acc.elm.$selSignShop;
$shop.find('option:first').nextAll().remove();
for(var i=0,l=_shopData.length; i<l; i++) { $shop.append( '<option class="ui-form-option" value="'+_shopData[i].code+'">'+_shopData[i].name+'</option>'); } });
// メルマガ送信許可フラグ イベント処理 unx.acc.elm.$mailMagFlagInput.on('change', function() { if( $(this).is(':checked') ) { unx.acc.elm.$mailMagFlag.val( $(this).val() ); } else { unx.acc.elm.$mailMagFlag.val( '0' ); } }) .change();
// 2度押し回避 unx.acc.disable2ndClick = new unx.util.Disable2ndClick(unx.acc.elm.$btnNext);
// フォーム送信時 validation処理 unx.acc.elm.$btnNext.on('click', function() { var _errCount = 0, _elm = unx.acc.elm;
// エラー表示リセット $('.ui-error').each(function() { $(this).removeClass('ui-error'); }); $('.ui-form-error__txt').each(function() { $(this).remove(); });
// 名(カタカナ) 必須チェック if(unx.vali.isEmpty( _elm.$txtMeiKana.val() )) { _elm.$txtMeiKana.addClass('ui-error');_elm.$wrapNameKana.after('
_errCount++; } // 姓(カタカナ) 必須チェック if(unx.vali.isEmpty( _elm.$txtSeiKana.val() )) { _elm.$txtSeiKana.addClass('ui-error');_elm.$wrapNameKana.after('
_errCount++; }
// Eメール 必須チェック if(unx.vali.isEmpty( _elm.$txtEmail.val() )) { _elm.$txtEmail .addClass('ui-error').after('
_errCount++; }
// ログインID 必須チェック if( !_elm.$chkLoginIdEmail.is(':checked') ) { if(unx.vali.isEmpty( _elm.$txtLoginId.val() )) { _elm.$txtLoginId .addClass('ui-error').after('
_errCount++; } }
// パスワード1 必須チェック if(unx.vali.isEmpty( _elm.$txtPass1.val() )) { _elm.$txtPass1 .addClass('ui-error').after('
_errCount++; } // パスワード1 文字数チェック if(!unx.vali.isInRange( _elm.$txtPass1.val(), {min:6, max:20} )) { _elm.$txtPass1 .addClass('ui-error').after('
_errCount++; } // パスワード2 必須チェック if(unx.vali.isEmpty( _elm.$txtPass2.val() )) { _elm.$txtPass2 .addClass('ui-error').after('
_errCount++; } // パスワード2 文字数チェック if(!unx.vali.isInRange( _elm.$txtPass2.val(), {min:6, max:20} )) { _elm.$txtPass2 .addClass('ui-error').after('
_errCount++; }
// 生年月日・日 必須チェック if(unx.vali.isEmpty( _elm.$selBirthD.val() )) { _elm.$selBirthD.addClass('ui-error');_elm.$wrapBirth.after('
_errCount++; } // 生年月日・月 必須チェック if(unx.vali.isEmpty( _elm.$selBirthM.val() )) { _elm.$selBirthM.addClass('ui-error');_elm.$wrapBirth.after('
_errCount++; } // 生年月日・年 必須チェック if(unx.vali.isEmpty( _elm.$selBirthY.val() )) { _elm.$selBirthY.addClass('ui-error');_elm.$wrapBirth.after('
_errCount++; }
// TEL1 必須チェック if(unx.vali.isEmpty( _elm.$txtTel1.val() )) { _elm.$txtTel1.addClass('ui-error');_elm.$wrapTel.after('
_errCount++; } // TEL1 型チェック if(!unx.vali.isMatchType( _elm.$txtTel1.val(), unx.vali.REG.NUM )) { _elm.$txtTel1.addClass('ui-error');_elm.$wrapTel.after('
_errCount++; }
// TEL2 必須チェック if(unx.vali.isEmpty( _elm.$txtTel2.val() )) { _elm.$txtTel2.addClass('ui-error');_elm.$wrapTel.after('
_errCount++; } // TEL2 型チェック if(!unx.vali.isMatchType( _elm.$txtTel2.val(), unx.vali.REG.NUM )) { _elm.$txtTel2.addClass('ui-error');_elm.$wrapTel.after('
_errCount++; } // TEL3 必須チェック if(unx.vali.isEmpty( _elm.$txtTel3.val() )) { _elm.$txtTel3.addClass('ui-error');_elm.$wrapTel.after('
_errCount++; } // TEL3 型チェック if(!unx.vali.isMatchType( _elm.$txtTel3.val(), unx.vali.REG.NUM )) { _elm.$txtTel3.addClass('ui-error');_elm.$wrapTel.after('
_errCount++; }
if (_elm.$txtZip1.size() > 0) { // 郵便番号1 必須チェック if(unx.vali.isEmpty( _elm.$txtZip1.val() )) { _elm.$txtZip1.addClass('ui-error');_elm.$wrapZip.after('
_errCount++; } // 郵便番号1 型チェック if(!unx.vali.isMatchType( _elm.$txtZip1.val(), unx.vali.REG.NUM )) { _elm.$txtZip1.addClass('ui-error');_elm.$wrapZip.after('
_errCount++; } // 郵便番号2 必須チェック if(unx.vali.isEmpty( _elm.$txtZip2.val() )) { _elm.$txtZip2.addClass('ui-error');_elm.$wrapZip.after('
_errCount++; } // 郵便番号2 型チェック if(!unx.vali.isMatchType( _elm.$txtZip2.val(), unx.vali.REG.NUM )) { _elm.$txtZip2.addClass('ui-error');_elm.$wrapZip.after('
_errCount++; } // 住所1 必須チェック if(unx.vali.isEmpty( _elm.$txtAddress1.val() )) { _elm.$txtAddress1 .addClass('ui-error').after('
_errCount++; } // 住所2 必須チェック if(unx.vali.isEmpty( _elm.$txtAddress2.val() )) { _elm.$txtAddress2 .addClass('ui-error').after('
_errCount++; }
} // ギフトコード 必須チェック if( _elm.$chkGiftCode.is(':checked') ) { if(unx.vali.isEmpty( _elm.$txtGiftCode.val() )) { _elm.$txtGiftCode .addClass('ui-error').after('
_errCount++; } if(!unx.vali.isMatchType( _elm.$txtGiftCode.val(), unx.vali.REG.HALF_EN_NUM )) { _elm.$txtGiftCode .addClass('ui-error').after('
_errCount++; } }
if (_elm.$selSignShop.size() > 0) { // 看板表示 必須チェック if(unx.vali.isEmpty( _elm.$selSignShop.val() )) { _elm.$selSignShop .addClass('ui-error').after('
_errCount++; } }
if (_elm.$chkStaffCode.size() >0) { // 販売店CD 必須チェック if( _elm.$chkStaffCode.is(':checked') ) { if(unx.vali.isEmpty( _elm.$txtStaffCode.val() )) { _elm.$txtStaffCode .addClass('ui-error').after('
_errCount++; } if(!unx.vali.isMatchType( _elm.$txtStaffCode.val(), unx.vali.REG.HALF_EN_NUM )) { _elm.$txtStaffCode .addClass('ui-error').after('
_errCount++; } } }
if(_errCount <= 0) { _elm.$userDataForm.submit(); } else { unx.acc.disable2ndClick.reset(); // 2度押し禁止状態 解除 unx.common.smoothScroll.scroll(); } }); }); </script>
</body> </html>